js写position fixed
时间: 2024-04-21 16:18:19 浏览: 170
position_fixed
可以利用JavaScript的滚动事件和position:fixed属性来实现position fixed效果。在IE6中,position:fixed存在兼容性问题,可以参考《【CSS】IE6中的position:fixed问题与随滚动条滚动的效果》一文来解决。具体实现方法可以参考下面的代码示例:
```javascript
window.onscroll = function() {
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
var fixedDiv = document.getElementById('gs');
if (fixedDiv) {
fixedDiv.style.top = scrollTop + 120 + 'px';
}
}
```
上述代码中,通过监听滚动事件,获取当前滚动条的位置scrollTop,然后将position:fixed的元素的top属性设置为scrollTop+120px,即可实现position fixed效果。需要注意的是,这里的120px是一个固定值,可以根据实际情况进行调整。
阅读全文