Question

我正在尝试使用Joomla创建一个网站，并希望在菜单到达网站顶部后停止滚动。它使用以下代码为我工作

$("document").ready(function($){
    var nav = $('#rt-header');

    $(window).scroll(function () {
        if ($(this).scrollTop() > 20) {
            nav.addClass("f-nav");
        } else {
            nav.removeClass("f-nav");
        }
    });
});

至少只要rt-header之前的div具有固定的高度。但是只要我添加一个响应元素（如果我把它调到正确就会产生动态高度），代码就不够了，一旦我开始滚动，标题就会跳转。

这是我第一次接触jquery，很抱歉，如果我错过了一些明显的东西。我在当地的测试环境中工作，所以我不能指出你到实际的网站。

Answer 1

这样的帖子是Fix header to top of browser issue when user resizes the browser

DEMO

＆＃13;

jQuery(document).ready(function($) {
var elementPosition = $('header').offset();

var fixFunction = $(window).scroll(function(){
    if($(window).scrollTop() > elementPosition.top){
        $('header').addClass("stick");
    } else {
        $('header').removeClass("stick");
    }    
});

$(window).resize(function(){
    elementPosition = $('header').offset();
});

});

＆＃13;

阻止div在动态高度div之后滚动

1 个答案: