DEMO

Question

我遇到了一个非常讨厌的问题。我正在尝试创建一个脚本，当用户滚动X像素（标题元素的高度）时，该脚本会更改菜单栏（CSS）。但是，我尝试过的任何jQuery脚本都不能正确计算滚动距离。在一些像素之后它停止计数，并继续...然后恢复，停止，恢复等。

我认为它可能与填充和/或边距有关。无论如何，我需要一些支持。

查看the current site，并附加“距离滚动”脚本。

脚本：

$(window).scroll(function() {
  var scrollTop = $(window).scrollTop();
  console.log(scrollTop);
});

Answer 1

你有两个滚动条开始。将overflow: inherit;添加到您身体的css中以解决此问题。

这应该大致按照你的意愿行事。在向下滚动120px时，标题向下滑动到内容上方。

如果这没有帮助，请准确描述您想要达到的目标。