Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/463.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.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 在屏幕上的一个div被滚动掉这么多后再锁定它?_Javascript_Jquery_Css_Html_Scroll - Fatal编程技术网

Javascript 在屏幕上的一个div被滚动掉这么多后再锁定它?

Javascript 在屏幕上的一个div被滚动掉这么多后再锁定它?,javascript,jquery,css,html,scroll,Javascript,Jquery,Css,Html,Scroll,我目前正试图找到一种方法来锁定屏幕上的标题,因为大部分标题已经从顶部滚动了下来 例如,如果我的标题是150像素高,那么当用户向下滚动页面时,在顶部135像素从顶部滚动下来之后,我是否可以在屏幕顶部锁定底部15像素?因此,无论我的页面变长多长,页眉的底部15个像素始终位于页面顶部 当用户向后滚动时,我还需要将其反转,以便标题可以返回到其原始状态 我尝试过一种肮脏的方法,在我的原始标题后面有一个15像素高的“固定”位置分层的标题,这样当完整的150像素原始标题离开屏幕时,我的新标题就会从后面出现。这

我目前正试图找到一种方法来锁定屏幕上的标题,因为大部分标题已经从顶部滚动了下来

例如,如果我的标题是150像素高,那么当用户向下滚动页面时,在顶部135像素从顶部滚动下来之后,我是否可以在屏幕顶部锁定底部15像素?因此,无论我的页面变长多长,页眉的底部15个像素始终位于页面顶部

当用户向后滚动时,我还需要将其反转,以便标题可以返回到其原始状态

我尝试过一种肮脏的方法,在我的原始标题后面有一个15像素高的“固定”位置分层的标题,这样当完整的150像素原始标题离开屏幕时,我的新标题就会从后面出现。这确实有效,但如果用户在中点捕捉到它,则看起来很丢脸


我对JavaScript的了解非常有限,我担心这可能是我的答案所在。

我对你想要什么有些困惑。。从你所说的。。我想你做的事情和我做的差不多。。但是你因为某种原因不喜欢它

无论如何。。如果我没弄错的话,这应该行得通

基本上,有一个元素位于标题后面的
fixed
,它位于顶部,因此在向下滚动时显示出来


哦,对。。如果有梯度之类的东西,这就不太好用了。。这就是问题所在吗

我这样做是为了证明我认为你的问题。。(我认为你应该提供…grr…)


这似乎正是你想要的:


是的,我的标题实际上是一幅图像,上面有阴影和透明胶片,还有文字。所以,如果你能想象它半滚动离开页面,而底层的重复标题从下面出来,那就不太好看了。我希望实现一些东西,其中一个header div是一个停止滚动并锁定到位的div,而不是您描述的方法(我最初使用的),不幸的是,在这种情况下它看起来真的很糟糕。我的js不够强大,无法说明这一点。尽管我觉得这可能有点麻烦。这正是我想要的!谢谢你的帮助!