我有以下代碼獲取用戶從頂部和底部滾動的數量,然後使用這些值應該隱藏或顯示陰影。使用jQuery獲取scrollbottom
$(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個像素的底部應該藏身。
實施例:http://dev.driz.co.uk/shadow/
如果您可以發佈html和css,這將是非常有用的。 :) – bhb
新增原始帖子的例子。 – Cameron