1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > JavaScript实现上下滑动的侧边栏

JavaScript实现上下滑动的侧边栏

时间:2022-01-01 19:18:58

相关推荐

JavaScript实现上下滑动的侧边栏

这个是在很多网站中侧边导航栏有的功能,比如那种很招人烦的咨询广告,下面是一个简化版:

<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><style>body{height: 2000px;}div{width:100px;height:100px;background-color:red;position:absolute;/*必须为绝对定位*/right:0;}</style></head><body><script>//document.documentElement.clientHeight获取当前页面高度//offsetHeight 获取当前元素的高度,包括边框和填充,但不是边距//offsetTop获取当前元素距离页面顶部的距离window.οnscrοll=function(){var oDiv = document.getElementById(div);//document.documentElement.scrollTop兼容ie浏览器 //document.body.scrollTop兼容谷歌浏览器//上面两个的功能都是一样的,获取滚动条顶部相对于当前页面的顶部位置距离整个页面顶部的距离

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。