求 一个a标签居于顶部多少距离时候,另一个div添加样式 的js

求 一个a标签居于顶部多少距离时候,另一个div添加样式 的js,第1张

<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计算滚动距离等、获取某一元素到页面顶端的距离等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9539770.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-29
下一篇 2023-04-29

发表评论

登录后才能评论

评论列表(0条)

保存