隐藏并显示基于另一个元素的滚动位置的固定div

我试图隐藏或显示固定的div（.featBar）。

（文件中有另一个div .featbarinline与.featbar完全相同，除了它的定位，我想要无数超过固定的.featBar）

您可以浏览网站www.documentjournal.com，了解我的目标。 （看看固定在底部的白条是如何表现的）

这是我现在的代码：

 var windowScroll = $(window).scrollTop(), slideHeight = $('.rslides1_on').height(), windowHeight = $(window).height(), diffHeight = slideHeight - windowHeight; $(window).scroll(function() { if ( windowScroll > diffHeight ) { $('.featBar').show(); } else { $('.featBar').hide(); }; });  

这是我正在做的工作的链接：

http://thisisaust.myshopify.com/传递：austaust

我还希望在浏览器重新resize时触发该函数。

Answer 1

您必须阅读scroll-function中的scrollTop，因为每次向上或向下滚动时它都会更新。 您的代码应如下所示：

我认为这应该有效。