jquery – 在窗口滚动期间将元素固定在容器内

前端之家收集整理的这篇文章主要介绍了jquery – 在窗口滚动期间将元素固定在容器内前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个问题,我认为将使用图像最好地解释,所以我将附加它.

好的,所以我基本上是一个父容器,它里面有一个元素(它实际上是一个文本块),我们将其称为FIXED元素.

用户位于页面顶部时,我希望固定元素位于其父级的顶部.当用户开始向下滚动页面,并且父级开始向上移动视图端口时,我希望固定元素跟随滚动,直到它到达其父级的底部,然后它停在那里.

目前还没有HTML或任何内容,因为我在这个网站的粗略的草图阶段.

我开放使用jQuery或javascript一般来说,我的JS技能是有限的,我熟悉jQuery,但我不介意复制和粘贴代码并弄乱它.

任何帮助将不胜感激.谢谢!

解决方法

你想使用javascript(有或没有jQuery)要做的是将元素的位置与父对象的位置进行绝对改变,父对象应该是相对的.您可以根据滚动条的位置更改位置.

本教程有一个很好的解释,如何实现这一点.

http://www.wduffy.co.uk/blog/keep-element-in-view-while-scrolling-using-jquery/

猜你在找的jQuery相关文章