Question

当您向下滚过标题时，我使用一个简单的脚本来“粘贴”我的侧边栏，当您向上滚动标题时，我会使用“unsticky”。它只是添加或删除“固定”类 - 完美地运作。

$(document).ready(function() {  
  var stickyNavTop = $('#content').offset().top; 

  var stickyNav = function(){  
  var scrollTop = $(window).scrollTop();  

  if (scrollTop > stickyNavTop) {   
    $('#left').addClass('fixed');  
  } else {  
    $('#left').removeClass('fixed');   
  } 

  stickyNav();  

  $(window).scroll(function() {  
    stickyNav();  
  });  
});

http://jsfiddle.net/6vE9e/

然而，侧边栏现在在页脚上运行。此外，当侧边栏长于分辨率高时，您将永远看不到完整内容。

所以我在想：

var sidebarHeight = $('#left').height(); 
var footerPos = $('footer').offset().top;  
var stopSticky = footerPos - sidebarHeight;

if (scrollTop > stopSticky){
  $('#left').css('position','absolute').css('top', stopSticky);
}

但这是我陷入困境的地方，我不知道如何将其应用到脚本中。有什么提示吗？

关于脚本的任何一般性评论也非常受欢迎，我每天都在学习： - ）

jQuery粘性导航scrolltop

0 个答案: