0

この jQuery コードはうまく機能していますが、固定小数点を実装したいので、CSS から 510 を相対点に置き換えたい: #content

var _rys = jQuery.noConflict();
            _rys("document").ready(function () {
                _rys(window).scroll(function () {
                    if (_rys(this).scrollTop() > 510) {
                        _rys('.navigation').addClass("fixed");
                    } else {
                        _rys('.navigation').removeClass("fixed");
                    }
                });
            });

このコードを変換しましたが、機能しませんでした。理由がわかりませんでした:)事前に助けてくれてありがとう。

jQuery(document).ready(function() {
var aboveHeight = $('header').outerHeight();
$(window).scroll(function(){
        if ($(window).scrollTop() > aboveHeight){
              $('.navigation').addClass("fixed");
                    }
        else {
              $('.navigation').removeClass("fixed");
                    }
        });
    });

作業バージョン: ありがとう Dinesh Kumar DJ

jQuery(window).load(function() {
var aboveHeight = jQuery('#content').offset().top;
            console.log(jQuery('#content'));
jQuery(document).scroll(function(){
    if (jQuery(window).scrollTop() > aboveHeight){
      jQuery('.navigation').addClass("fixed");
    } else {
      jQuery('.navigation').removeClass("fixed");
    }
});   });
4

1 に答える 1

0

すべての $ を jQuery に置き換えると、問題なく動作します。

jQuery(document).ready(function() {
    var aboveHeight = jQuery('header').outerHeight();
    jQuery(window).scroll(function(){
        if (jQuery(window).scrollTop() > aboveHeight){
          jQuery('.navigation').addClass("fixed");
        } else {
          jQuery('.navigation').removeClass("fixed");
        }
    });
});
于 2013-10-19T20:50:52.837 に答える