我有以下代码获取用户从顶部和底部滚动的数量,然后使用这些值应该隐藏或显示阴影。
$(document).ready(function() {
if ( $(window).scrollTop() + $(window).height() >= $(window).height() ) {
$('div.shadow-bottom').show();
}
$(window).scroll(function () {
if ( $(window).scrollTop() >= 15 ) {
$('div.shadow-top').show();
} else {
$('div.shadow-top').hide();
}
if ( $(window).scrollTop() + $(window).height() >= $(window).height() - 15 ) {
$('div.shadow-bottom').show();
} else {
$('div.shadow-bottom').hide();
}
});
});
顶部工作正常,但底部应该在您到达页面底部时隐藏,但如果距离底部 15 像素,则再次显示。
最佳答案
$(窗口).height();//返回浏览器视口(viewport)的高度
$(文档).height();//返回 HTML 文档的高度
将您的代码更改为:
$(document).ready(function() {
if ($(window).scrollTop() + $(window).height() >= $(document).height() - 15) {
$('div.shadow-bottom').show();
}
$(window).scroll(function() {
if ($(window).scrollTop() >= 15) {
$('div.shadow-top').show();
} else {
$('div.shadow-top').hide();
}
if ($(window).scrollTop() + $(window).height() >= $(document).height() - 15) {
$('div.shadow-bottom').show();
} else {
$('div.shadow-bottom').hide();
}
});
});
关于javascript - 使用 jQuery 获取滚动条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12797224/