如何使用 jquery 检测垂直滚动位置？答案

【问题标题】：How to detect vertical scroll position using jquery?如何使用 jquery 检测垂直滚动位置？
【发布时间】：2013-08-04 03:18:33
【问题描述】：

使用jquery，如何设置在垂直滚动可见时触发的事件，以及当您从页面的上半部分更改为页面的下半部分时触发，反之亦然。

例如，如果垂直滚动条在那里，然后我正在查看页面上半部分的某个位置，然后向下移动，因此我位于页面的下半部分，则功能发生。然后，如果我向上移动，再次位于上半部分，则该功能会发生。

谢谢。

【问题讨论】：

标签： javascript jquery html events vertical-scrolling

【解决方案1】：

$(window).scroll(function () { 
  if ($(window).scrollTop() > $('body').height() / 2) {
      //code goes here...
  } 
});

检测滚动

var s = $('body').scrollTop();

jQueryscrollTop()

描述：获取当前滚动条的垂直位置匹配元素集中的第一个元素或设置垂直每个匹配元素的滚动条位置。

您可能有兴趣了解：

$().scrollTop()//how much has been scrolled
$().innerHeight()// inner height of the element
DOMElement.scrollHeight//height of the content of the element

JSFIDDLE DEMO

【讨论】：

【解决方案2】：

var midHeight = jQuery(window).height() / 2 //Splits screen in half
$(window).scroll(function () {
    if ($(window).scrollTop() > midHeight) {
        //Do something on bottom
    } else {
        //Do something on top
    }
})

【讨论】：

【解决方案3】：

jQuery 确实有这些方法可以用于元素：

.scrollTop() - 获取视口中元素的顶部滚动位置

.scrollLeft() - 获取视口中元素的左滚动位置

还有滚动事件 - 当视口/元素在另一个（或窗口）内滚动时触发：

.scroll()

【讨论】：