javascript - 获取div在页面滚动上的位置

Question

大家好，

我不太擅长 jQuery 和 javascript。我将制作一个脚本来占据我的 div 的位置，当它位于页面顶部时，它会产生一些东西。

示例:

我有一个菜单。当我滚动页面并且我的 div 到达顶部(或者距离顶部 100/200 像素更好)时，我的菜单中的某些内容会发生变化...

我希望有人能帮助我。谢谢。

Answer 1

您可以将 div 元素的偏移与用户滚动页面的距离进行比较。

$(window).scrollTop() 函数可以获取用户向下滚动的距离，即:

$(window).scroll(function() {
  var yourDiv = $("#theIdOfYourDiv");
  var window_offset = yourDiv.offset().top - $(window).scrollTop();
  if ( window_offset < 100 )
  {
  // do what you want
  }
});