<script>
//原生
//获取A标签距离顶部的距离
var mTop = documentgetElementsById('A标签的ID')offsetTop;
var div1= documentgetElementsById('DIV的ID');
if( mTop==0){
div1className = 'abc'; // 添加css
}
</script>
应用场景:侧边栏需要在网页中fixed定位,但是也不能被底部遮住,即,如果滚动到
底部出现时,要保证侧边栏不被底部遮住,底部也不能被侧边栏遮住。
实现方法:如果底部出现,判断是否遮住侧边栏,如果没有遮住,侧边栏不动,如果即将遮住,侧边栏随着底部滚动而向上动,以达到效果
它获取的值==你获取的元素的上边框距离html的顶部的值
它获取的值==你获取的元素的上边框距离与它最近的父级元素(必须要脱离文档流的,relative没有用)的的顶部的值
递归节点的offsetTop
方法二:
获取当前元素到可视区域顶端的距离
objectgetBoundingClientRect();
再加上 documentdocumentElementscrollTop
:有的一定要加载完成后再计算
以上就是关于求 一个a标签居于顶部多少距离时候,另一个div添加样式 的js全部的内容,包括:求 一个a标签居于顶部多少距离时候,另一个div添加样式 的js、js计算滚动距离等、获取某一元素到页面顶端的距离等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)