gpt4 book ai didi

javascript - 在窗口滚动上显示/隐藏 div

转载 作者:行者123 更新时间:2023-11-27 22:43:58 26 4
gpt4 key购买 nike

我有一个默认隐藏的 div 元素#btns。它应该在从顶部滚动 200px 时显示,并在从顶部滚动 500px 后再次隐藏。

这是我的(非工作)代码:

$(window).scroll(function() {
if ($(this).scrollTop()>200) {
$('#btns').fadeIn();
}
elseif ($(this).scrollTop()<500) {
$('#btns').fadeIn();
} else {
$('#btns').fadeOut();
}
});

最佳答案

您可以在按钮中添加隐藏类,如下所示:

$(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://jsfiddle.net/1ks8at6r/5/

关于javascript - 在窗口滚动上显示/隐藏 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38552135/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com