0

私はJSに関しては初心者なので、事前にお詫び申し上げます。

下にスクロールすると不透明度 0.5 に「フェード」し、上にスクロールすると完全な不透明度 (「不透明度」: 1.0) にフェードバックする固定ヘッダーを作成しようとしています。

これが私がこれまでに持っているものです：

$(document).ready(function() {

var div = $('#header');
var start = $(div).offset().top;

$.event.add(window, "scroll", function() {
if($(window).scrollTop();
$('#header').fadeTo(600, 0.5);

$(div).css('position',((p)>start) ? 'fixed' : 'static');
$(div).css('top',((p)>start) ? '0px' : '0px');

});
4

1 に答える 1

0 
$('body, html').on('scroll', function() {
     if ($(this).scrollTop() > 10) {
         $("#header").fadeTo(600, 0.5);
     }else{
         $("#header").fadeTo(600, 1);

     }
});
于 2012-11-05T22:22:33.070 に答える