Question

滚动获取固定类后，我在向导航中添加类时遇到问题。我的网站在后台有一个视频，只有<div>类和.wrap类可以滚动所有内容。滚动时我想将导航固定在顶部。

这是我的Javascript代码：

$(document).ready(function() {
    var navpos = $('.navbar').offset();
    console.log(navpos.top);
    $(window).bind('scroll', function() {
        if ($(window).scrollTop() > navpos.top) {
            $('.navbar').fadeIn(500).addClass('fixed-top');
        }else {
           $('.navbar').removeClass('fixed-top');
        }
    });
});

但问题是身体处于固定位置，只有内容包裹实际上是滚动。我该如何解决这个问题？

Answer 1

将滚动条绑定到包装器

$(document).ready(function() {
    var navpos = $('.navbar').offset();
    console.log(navpos.top);
    $(window).bind('scroll', function() {
        if ($('.wrapper').scrollTop() > navpos.top) {
            $('.navbar').fadeIn(500).addClass('fixed-top');
        }else {
           $('.navbar').removeClass('fixed-top');
        }
    });
});

使用jQuery滚动div后，Navbar添加类

1 个答案: