Javascript 在页面向下传递一半时触发JQuery函数
有没有办法判断您是否滚动通过了网页的中心,或者换句话说,当您滚动通过了网页的一半并且您的滚动条位于浏览器窗口的下半部分时 我希望能够触发这个: $('菠萝人').show();当我向下滚动过一半的页面时 这可能吗Javascript 在页面向下传递一半时触发JQuery函数,javascript,jquery,Javascript,Jquery,有没有办法判断您是否滚动通过了网页的中心,或者换句话说,当您滚动通过了网页的一半并且您的滚动条位于浏览器窗口的下半部分时 我希望能够触发这个: $('菠萝人').show();当我向下滚动过一半的页面时 这可能吗 你的帮助真是太好了 查看事件和方法。如果向下滚动到焦点事件,则可以使用焦点事件(就像jQuery用于注释一样) 我猜你想做这样的事情: if($(document).scrollTop() > $(document).height()/2){ $('.pineapple-m
你的帮助真是太好了 查看事件和方法。如果向下滚动到焦点事件,则可以使用焦点事件(就像jQuery用于注释一样)
我猜你想做这样的事情:
if($(document).scrollTop() > $(document).height()/2){
$('.pineapple-man').show();
}
其中,
scrollTop()
获取当前水平位置,height()
定义文档高度。您可以使用.scrollTop()
获取已滚动元素的像素量。要收听滚动事件,请使用.scroll()
如果要识别中间位置,请使用滚动条的高度:
$(window).scroll(function () {
if ($(window).scrollTop() > $('body').height() / 2) {
$('.pineapple-man').show();
}
});
如果您正在滚动除整个窗口/正文之外的其他元素,请随意更改选择器
要使显示为一个计时器,请在调用.show()
后添加以下内容,以删除滚动
事件侦听器:
$(window).unbind('scroll');
可能重复Hey@jawa您的解决方案非常有效!只有一件事,你忘记了高度>$('body')后面的括号。高度()非常感谢你的帮助!
$(window).unbind('scroll');