请看这个:http://i.stack.imgur.com/gDFpq.png
我的目标是让侧边栏在图表中显示,但一旦到达窗口顶部(当用户向下滚动时),它就会变为position:fixed
并更改margin-top:0
。我已经在线查看了一个教程,并了解到position:absolute
可能有用,但我真的不知道如何做到这一点,所以任何帮助都会有用。如果你需要更详细一点我的意思,因为你不明白,请问:)
任何帮助都将不胜感激。
答案 0 :(得分:0)
要检测何时到达窗口顶部,可以使用window.scroll事件。
这是一个很好的教程,可以教你准确的做什么: http://css-tricks.com/scrollfollow-sidebar/
答案 1 :(得分:0)
您的侧边栏将具有可变高度,直到徽标滚动到视线之外。不要使用position:absolute
,请将其保留在position:fixed
,检查徽标的剩余高度,然后从侧边栏中提取高度。
这是一个小提琴:http://jsfiddle.net/2afv13z3/
根据窗口滚动位置将侧边栏保留在bottom:0;
和顶部属性时,您的徽标