滚动到锚点时是否可以运行 jQuery 代码？ [复制]答案

【问题标题】：Is it possible to run jQuery code as you scroll to an anchor? [duplicate]滚动到锚点时是否可以运行 jQuery 代码？ [复制]
【发布时间】：2017-04-20 01:16:04
【问题描述】：

所以我在 SO 和 google 上看了 20 分钟左右，无法确定是否有 jQuery 函数或某处执行此操作的代码块，但我想要运行各种 jQuery 函数作为你向下滚动页面。这可能吗，我在想可能有一种方法可以使用锚点来执行此操作，并且在滚动到每个锚点时只运行一段代码？谢谢

【问题讨论】：

是的。在此处查看 jquery 插件 scrollTo：flesler.blogspot.com/2007/10/jqueryscrollto.html

标签： javascript jquery html css

【解决方案1】：

试试这个：

$(window).on("scroll", function() {
  var scrollPosition = scrollY || pageYOffset;

  if (scrollPosition > $("#someAnchor").position().top - $(window).height()) {
    alert("run code here");
  }
});

只要您向下滚动到 ID 为“someAnchor”的元素，就会显示警报。这是您可以运行代码的地方。

Here is a jsfiddle to demonstrate this.

【讨论】：

【解决方案2】：

来自 jQuery API：

.scroll() 将事件处理程序绑定到“滚动”JavaScript 事件，或在元素上触发该事件。

http://api.jquery.com/scroll

【讨论】：

【解决方案3】：

用 jQuery 试试这个：

$(window).scroll(function () { 
 console.log("Hi");
});

【讨论】：