超过一定高度对象自动悬浮
2015-03-28 11:42
141 查看
<script type="text/javascript"> var navH = document.getElementById('id').offsetTop;//获取要定位元素距离浏览器顶部的距离 window.onscroll = function(){ var scroH = document.documentElement.scrollTop || document.body.scrollTop;//获取滚动条的滑动距离 var bar = document.getElementById('id'); if(scroH>=navH){//滚动条的滑动距离大于等于定位元素距离浏览器顶部的距离,就固定,反之就不固定 bar.style.position = "fixed"; bar.style.top = "0px"; }else if(scroH<navH){ bar.style.position = "static"; } } </script>
可以根据实际需要效果更改if和else里面的属性。
相关文章推荐
- div超过一定的高度和宽度自动省略
- div超过一定的高度和宽度自动省略
- 关于div设置最小高度,超过后自动增加的css,兼容IE和火狐
- div设置固定高度,超过设置高度则自动增加
- 手机滑屏tab菜单自适应高度,菜单内容级联滑动(tab超过屏幕宽度可自动滑动)
- 两个截取字符串的实用方法(超过一定长度自动换行)
- 使用纯CSS实现文字超过一定的长度后自动显示省略号
- JS控制图片按比例缩放并不超过一定宽度和高度(居中对齐)
- 两个截取字符串的实用方法(超过一定长度自动换行)
- 百度高度js 检测web页面是否正在操作,如超过规定时间内未操作将自动跳转至指定页面。
- 滚动条事件,当页面滚动到距顶部一定高度时某DIV自动隐藏和显示
- 【技术】高度不适应(内层对象高度发生变化时,外层对象的高度不能自动调节)
- CSS+DIV排版时容器内对象全部设置了float属性后容器不能自动适应高度的解决方案
- 层设定固定高度,内容超过高度,自动延伸
- css为超过一定宽度的文本内容自动加上省略号
- 超过宽度和高度文字会自动隐藏 --费元星
- 超好用的移动端布局自适应大小rem判断js文件及超过一定高度回到顶部按钮代码
- localstorge的缓存写法(超过一定时间自动清空)
- js控制:div 超过高度,自动分页 (转)
- 滚动条事件,当页面滚动到距顶部一定高度时某DIV自动隐藏和显示