滚动到锚点时是否可以运行jQuery代码?

时间:2013-08-26 14:33:48

标签: javascript jquery html css3

所以我一直在寻找SO和谷歌大约20分钟左右,无法弄清楚是否有一个jQuery函数或代码块在某处做到这一点,但我想要的是运行各种jQuery函数作为你向下滚动页面。这是可能的,我在想可能有一种方法可以使用锚点来执行此操作,并在滚动到每个锚点时运行一段代码?感谢

3 个答案:

答案 0 :(得分:0)

来自jQuery API:

  

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

http://api.jquery.com/scroll

答案 1 :(得分:0)

尝试使用jQuery:

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

答案 2 :(得分:0)

试试这个:

$(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