Javascript 当滚动过去时，使html元素保持原位

如何使html元素在被滚动到之前不被固定？因此，当用户滚动时，它将处于正常位置，但在用户滚动过它之后，它不会离开屏幕？

将侦听器连接到

onscroll

事件，如果

滚动顶部

大于元素的Y位置，将其设置为

position:fixed
将侦听器附加到
onscroll
事件，如果
scrollTop
大于元素的Y位置，则将其设置为
position:fixed
我以前使用过此代码：


我以前使用过此代码：


看一看这张照片。我用它来方便地达到那种效果

您只需在要保持在视图中的元素上调用它：

<script type="text/javascript">
        $( '#example' ).scrollFollow();
</script>


$（“#示例”）.scrollFollow（）；

可以配置放松、位置和其他参数。
查看。我用它来方便地达到那种效果

您只需在要保持在视图中的元素上调用它：

<script type="text/javascript">
        $( '#example' ).scrollFollow();
</script>


$（“#示例”）.scrollFollow（）；

可以配置放松、位置和其他参数。
window.onscroll似乎不起作用。它只是在我加载页面时触发，而不是在我scroll.window.onscroll似乎不工作时触发。它只是在我加载页面时触发，而不是在我滚动时触发。我下载了那个zip，但代码什么也没做。我在html文件中添加了一个带有“src='jquery.scrollfollow.js'”的命令，但什么也没发生。你知道我做错了什么吗？请阅读插件的使用说明：它取决于jQuery（wow）和jQueryUI内核。我下载了那个zip，但代码什么也没做。我在html文件中添加了一个带有“src='jquery.scrollfollow.js'”的命令，但什么也没发生。你知道我做错了什么吗？请阅读插件的使用说明：它取决于jQuery（wow）和jQueryUI内核。
<script type="text/javascript">
        $( '#example' ).scrollFollow();
</script>