#sidebar位置:固定在某些滚动位置

时间:2014-08-10 01:02:59

标签: jquery html css

请看这个:http://i.stack.imgur.com/gDFpq.png

我的目标是让侧边栏在图表中显示,但一旦到达窗口顶部(当用户向下滚动时),它就会变为position:fixed并更改margin-top:0。我已经在线查看了一个教程,并了解到position:absolute可能有用,但我真的不知道如何做到这一点,所以任何帮助都会有用。如果你需要更详细一点我的意思,因为你不明白,请问:)

任何帮助都将不胜感激。

2 个答案:

答案 0 :(得分:0)

要检测何时到达窗口顶部,可以使用window.scroll事件。

这是一个很好的教程,可以教你准确的做什么: http://css-tricks.com/scrollfollow-sidebar/

答案 1 :(得分:0)

您的侧边栏将具有可变高度,直到徽标滚动到视线之外。不要使用position:absolute,请将其保留在position:fixed,检查徽标的剩余高度,然后从侧边栏中提取高度。

这是一个小提琴:http://jsfiddle.net/2afv13z3/

根据窗口滚动位置将侧边栏保留在bottom:0;和顶部属性时,您的徽标