Question

我在滚动页面时使用以下脚本切换类。它使其中一个导航变得固定。我现在想添加一个添加任务，当页面底部的div到达浏览器的顶部时，类再次切换回来。

   var $window = $(window),
       $stickyEl = $('#the-sticky-div'),
       elTop = $stickyEl.offset().top;

   $window.scroll(function() {
        $stickyEl.toggleClass('sticky', $window.scrollTop() > elTop);
    });

有些事情可能吗？

   var $window = $(window),
       $stickyEl = $('#the-sticky-div'),
       $stickyElbot = $('#footerdiv'),
       elTop = $stickyEl.offset().top;
       elBot = $stickyElbot.offset().top;

   $window.scroll(function() {
        $stickyEl.toggleClass('sticky', $window.scrollTop() > elTop);
        $stickyElbot.toggleClass('sticky', $window.scrollTop() > elBot);
    });

Answer 1

您可以使用.scrollTop()，文档：http://api.jquery.com/scrollTop/

例如：

$(window).on("scroll", function(){

    if ( $(window).scrollTop() === 0 ){ 
      // The browser is at the top of the page
      $("#element").addClass(".doe");
    }

});

Answer 2

1st：我认为你应该检查offset（）。顶部窗口滚动事件不在外面

第二名：您可以使用类似

的内容

$(window).scroll(function (e) {
     if($(this).scrollTop() >= $('footer').offset().top){
      console.log('reached to top');
     }
 });

Working Example

当div在滚动时点击浏览器的顶部时切换类

2 个答案: