Jquery 滚动显示/隐藏Div
我有一个div,它位于幻灯片的底部,当用户滚动或使用向下箭头时,我希望该div消失,然后当用户滚动回顶部时,该div重新出现。我猜这是合并了jquery滚动功能?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. $(窗口)。滚
$(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);