Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/382.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 坚持到顶部,然后放入css-[我有一个示例站点]_Javascript_Css - Fatal编程技术网

Javascript 坚持到顶部,然后放入css-[我有一个示例站点]

Javascript 坚持到顶部,然后放入css-[我有一个示例站点],javascript,css,Javascript,Css,我刚刚发现这是关于艺术的。我很好奇他们能不能让左头球粘在顶上,然后停下来,停在特定的位置。根据我的理解,位置:绝对应该一直保持在顶部,不是吗 我们是否需要任何javascript或只是CSS来制作相同的东西?提供的示例将非常棒。如果您检查元素,然后向下滚动,您可以看到它的工作原理 在以大约90像素的速度滚动之前,它是绝对的,然后它将位置更改为静态的。 静态导致元素在页面上浮动 如果您检查元素,然后向下滚动,您可以看到它是如何工作的 在以大约90像素的速度滚动之前,它是绝对的,然后它将位置更改为静

我刚刚发现这是关于艺术的。我很好奇他们能不能让左头球粘在顶上,然后停下来,停在特定的位置。根据我的理解,
位置:绝对应该一直保持在顶部,不是吗


我们是否需要任何javascript或只是CSS来制作相同的东西?提供的示例将非常棒。

如果您检查元素,然后向下滚动,您可以看到它的工作原理

在以大约90像素的速度滚动之前,它是绝对的,然后它将
位置更改为
静态的。

静态导致元素在页面上浮动

如果您检查元素,然后向下滚动,您可以看到它是如何工作的

在以大约90像素的速度滚动之前,它是绝对的,然后它将
位置更改为
静态的。
静态导致元素在页面上浮动

这正是我想你要找的。它使用jquery根据用户滚动的位置将定位从绝对更改为固定

仅使用css无法实现这一点,您需要一些jQuery的javascript来监视用户的滚动

当然,您可以自己编写脚本来检测滚动并手动更改定位,但是如果您没有那么多经验(因为您还不知道那是javascript,或者绝对定位不会将元素粘贴到顶部),请大胆地使用插件并首先使用它的工作方式

这正是我想你要找的。它使用jquery根据用户滚动的位置将定位从绝对更改为固定

仅使用css无法实现这一点,您需要一些jQuery的javascript来监视用户的滚动


当然,您可以自己编写脚本来检测滚动并手动更改定位,但是如果您没有那么多经验(因为您还不知道那是javascript,或者绝对定位不会将元素粘贴到顶部),请大胆地使用插件并首先使用它的工作方式

是的,它似乎使用JS来创建这种效果。最简单的方法是点击Chrome/Chromium中的Inspect元素,然后滚动文章-注意内联
位置
属性在滚动时的变化。这只能通过JS实现


更重要的是,很难说,因为他们所有的脚本都被缩小了,但我假设它使用的回调来检测显示的是哪篇文章,然后在此基础上触发固定/绝对样式交换以允许标题滚动或不滚动。

是的,它似乎使用JS来创建这种效果。最简单的方法是点击Chrome/Chromium中的Inspect元素,然后滚动文章-注意内联
位置
属性在滚动时的变化。这只能通过JS实现


更重要的是,很难说,因为他们所有的脚本都被缩小了,但我假设它使用的回调检测显示的是哪篇文章,然后在此基础上触发固定/绝对样式交换,以允许标题滚动或不滚动。

Wow,我喜欢邀请(“请求邀请”按钮)的效果。哇,我喜欢邀请的效果(“请求邀请”按钮)。