页面上用fixed定位一个元素,随滚动条滚动位置不变,最开始我只用了css给元素身上写上fixed属性,发现滚动时元素会发生抖动,随后我就在网上找到解决办法,封装了个方法,如下:
Css部分
此部分是元素的样式代码,fixed是重点。
Html部分
此部分根据自己需要给一个id号
Javascript部分
此部分思路主要是利用初始元素高度-滚动条至窗口部的距离,实现效果。
.wrap是需要和fixed元素齐平的内容类名。
情况一:滚动条在上方,界面在一屏内,滚动距离必定小于top,sTop大于90时,元素的top就等于sTop。
情况二:滚动条在下方,界面大于一屏,滚动距离必定大于等于top,sTop小于等于90,元素的top就固定为90。