滚动显示/隐藏Div

我有一个div位于幻灯片的底部，当用户滚动或使用向下箭头时我想要消失，然后在滚动回到顶部时重新出现。 我猜这是结合了jquery滚动function？

Answer 1

 
 A 
 
​ $(window).scroll(function() { if ($(this).scrollTop()>0) { $('.a').fadeOut(); } else { $('.a').fadeIn(); } }); 

样品

Answer 2

 $(window).scroll(function () { var Bottom = $(window).height() + $(window).scrollTop() >= $(document).height(); if(Bottom ) { $('#div').hide(); } }); 

Answer 3

这是我的答案，当你想要动画它并在几秒后开始淡出它。 我使用了不透明度，因为首先我不想完全淡化它，其次，它不会在许多卷轴之后返回并强制执行。

 $(window).scroll(function () { var elem = $('div'); setTimeout(function() { elem.css({"opacity":"0.2","transition":"2s"}); },4000); elem.css({"opacity":"1","transition":"1s"}); }); 

Answer 4

我有一个漂亮的答案尝试此代码;）

 
 
 $("#DivID").scrollview({ direction: 'y' }); $("#DivID > .ui-scrollbar").addClass("ui-scrollbar-visible"); 

Answer 5

试试这个代码

 $('window').scrollDown(function(){$(#div).hide()}); $('window').scrollUp(function(){ $(#div).show() }); 

Answer 6

 $.fn.scrollEnd = function(callback, timeout) { $(this).scroll(function(){ var $this = $(this); if ($this.data('scrollTimeout')) { clearTimeout($this.data('scrollTimeout')); } $this.data('scrollTimeout', setTimeout(callback,timeout)); }); }; $(window).scroll(function(){ $('.main').fadeOut(); }); $(window).scrollEnd(function(){ $('.main').fadeIn(); }, 700); 

这应该够了吧！