javascript效果

Question

我注意到9gag.com上有这个功能。在主页上，“你没有注册”按钮位于右侧。但是当您向下滚动时，该按钮会挂在标题横幅上。这是怎么做的？这也可以在这个页面上看到，当你向下滚动这个页面时，右边的黄色面板（类似的问题）会冻结。在Facebook时间轴中，当您向下滚动时，顶部会出现一个绝对div，其中包含时间轴，现在，状态，照片，地点和事件的选项。

他们使用javascript还是html5中的新东西？

Answer 1

当用户向下滚动时，计算机会检查滚动的数量。让我们说你向下滚动50像素。计算机检查滚动距离是否等于或大于50。 如果是这样，它会显示新的你没有注册？！ 然后如果滚动距离小于50，则不再显示顶部按钮。

Answer 2

这不是简单的HTML，而是CSS。使用position: fixed;。见 - here。例如，您也可以查看my site。

Answer 3

这是一个几乎重复的问题：How does economist.com implement their sticky header? jQuery?

答案是您使用javascript来检测滚动，并将要移动到的div的css更改为位置：在一定量的滚动后固定。