Jquery 滚动显示/隐藏Div

Jquery 滚动显示/隐藏Div,jquery,scroll,show-hide,Jquery,Scroll,Show Hide,我有一个div,它位于幻灯片的底部,当用户滚动或使用向下箭头时,我希望该div消失,然后当用户滚动回顶部时,该div重新出现。我猜这是合并了jquery滚动功能? $(window).scroll(function () { var Bottom = $(window).height() + $(window).scrollTop() >= $(document).height(); if(Bottom ) { $('#div').hide(); } }); A. ​ $(窗口)。滚

我有一个div,它位于幻灯片的底部,当用户滚动或使用向下箭头时,我希望该div消失,然后当用户滚动回顶部时,该div重新出现。我猜这是合并了jquery滚动功能?


$(window).scroll(function () {
  var Bottom = $(window).height() + $(window).scrollTop() >= $(document).height();
if(Bottom )
{
$('#div').hide();
}
});
A. ​ $(窗口)。滚动(函数(){ 如果($(this).scrollTop()>0){ $('.a').fadeOut(); }否则{ $('.a').fadeIn(); } });

试试这段代码

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

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

我有一个很好的答案,请尝试以下代码;)


$(“#DivID”).scrollview({direction:'y'});
$(“#DivID>.ui滚动条”).addClass(“ui滚动条可见”);

当您想设置动画并在几秒钟后开始淡出时,这里是我的答案。我使用不透明度是因为首先我不想让它完全淡出,其次,它不会在多次滚动后返回并强制

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

那就应该成功了

@freebird哇。这是非常简单,就像一个魅力工程!谢谢我使用它在4秒钟后隐藏按钮,并在用户再次滚动时显示
<div id="DivID">
</div>

$("#DivID").scrollview({ direction: 'y' });
$("#DivID > .ui-scrollbar").addClass("ui-scrollbar-visible");
$(window).scroll(function () {
    var elem = $('div');
    setTimeout(function() {
        elem.css({"opacity":"0.2","transition":"2s"});
    },4000);            
    elem.css({"opacity":"1","transition":"1s"});    
});
$.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);