我有一个默认隐藏的div元素#btns
。它应该显示在滚动200px
从顶部和再次隐藏后,从顶部500px
。
下面是我的(不工作的)代码:
$(window).scroll(function() {
if ($(this).scrollTop()>200) {
$('#btns').fadeIn();
}
elseif ($(this).scrollTop()<500) {
$('#btns').fadeIn();
} else {
$('#btns').fadeOut();
}
});
发布于 2016-07-24 19:55:22
您可以添加一个类隐藏在按钮,如下所示:
$(function() {
$(window).scroll(function() {
console.log('scrolling ', $(window).scrollTop(), $(document).height());
if($(window).scrollTop() >= 200 && $(window).scrollTop() <= ($(document).height() - 500)) {
$('#btns').removeClass('hide');
} else {
$('#btns').addClass('hide');
}
});
});
https://stackoverflow.com/questions/38552135
复制