HTML滚动时位置固定
2012-01-14 16:19
225 查看
现在显示器一般都是宽屏,网页两端常常会留白。
两边可能会放一些推荐、标签或是导航什么的辅助模块。
现在有的网站页面内容过长时,用户将滚动条向下拉时,拉到一定程度,左右两侧的辅助模块就会固定在指定位置,不随滚动条滚动。这个的体验很好。
试着自己写了一个。
原理很简单,就是使用JS计算当滚动条位置大于元素显示位置时,将元素设置为 position:fixed; 设置好top,left这样就固定好位置了。
下载:http://files.cnblogs.com/zjfree/ScrollFix.rar
两边可能会放一些推荐、标签或是导航什么的辅助模块。
现在有的网站页面内容过长时,用户将滚动条向下拉时,拉到一定程度,左右两侧的辅助模块就会固定在指定位置,不随滚动条滚动。这个的体验很好。
试着自己写了一个。
原理很简单,就是使用JS计算当滚动条位置大于元素显示位置时,将元素设置为 position:fixed; 设置好top,left这样就固定好位置了。
下载:http://files.cnblogs.com/zjfree/ScrollFix.rar
相关文章推荐
- html 页面太长滚动时,固定页面菜单标签,或者导航标签的位置,fixed/stickUp the position
- HTML滚动时位置固定
- HTML 中让DIV不随滚动条滚动,使终显示在浏览器的固定位置
- Study Html《如何让DIV固定在页面的某个位置而不随着滚动条随意滚动》
- div固定位置,不随滚动条滚动
- DIV固定在页面某个位置,不随鼠标滚动而滚动
- div固定位置,不随滚动条滚动
- 【HTML】网页中如何让DIV在网页滚动到特定位置时出现
- vue监听滚动事件 实现某元素吸顶或者固定位置显示
- js实现导航条等滚动后位置固定
- html 滚动固定显示js脚本
- HTML中滚动条滚动时如何让上面的标题固定不动
- 【HTML】- 固定边框滚动
- HTML中 css实现滚动页面时固定页面其中一栏的效果
- 网页滚动时固定顶部菜单的位置 - 两种方案比较
- html固定第一列第一行 其他可以滚动
- 如何让DIV固定在页面的某个位置而不随着滚动条随意滚动
- [转]如何让DIV固定在页面的某个位置而不随着滚动条随意滚动
- js滚动页面到固定位置进行操作
- CSS+DIV固定位置,不随滚动条而滚动