使用此脚本:
<script>
$(function() {
$(window).scroll(function(){
$('#Your element id').slideUp('slow');
});
});
</script>
是否只能在用户滚动 100 像素或更多后执行该操作?
使用此脚本:
<script>
$(function() {
$(window).scroll(function(){
$('#Your element id').slideUp('slow');
});
});
</script>
是否只能在用户滚动 100 像素或更多后执行该操作?
如前所述,您确实需要 scrollTop 。最好也包含一个“else”函数,这样当您滚动回顶部时,切换的元素会再次隐藏。像这样:
$(document).ready(function() {
$('#scrollDiv').hide();
$(window).scroll(function() {
if ($(document).scrollTop() > 100) {
$('#scrollDiv').fadeIn('slow');
}
else {
$('#scrollDiv').fadeOut('slow');
}
});
});
这是一个快速的jsfiddle
您可以使用.scrollTop()
来获取页面滚动的距离
<script>
$(function() {
$(window).scroll(function(){
if($(this).scrollTop() > 100) {
$('#Your element id').slideUp('slow');
}
});
});
</script>