uniapp中不同设备获取可视区的兼容方法

Posted 2023-04-04

参考技术A

在ios和Android上可视区 包括屏幕的上方的大小，所以要减去这个大小
在微信小程序中就没有包括，所以小程序不需要减

jQuery中获取元素到页面可视区顶端距离有啥方法

$(\'h2#answers-title\').offset().top-$(document).scrollTop();
$(\'h2#answers-title\').offset().top h2#answers-title元素相对于document的垂直位置
$(document).scrollTop() 整个文档被上卷的高度
2者差就是$(\'h2#answers-title\')相对于当前浏览器视图窗口的垂直位置 参考技术A $(window).height() - (dom.offset().top - $(document).scrollTop()) - dom.height()

DOM是要获取的元素。

当前可视区域的高度 - （元素到文档顶部的距离 - 滚动条卷去的距离）- 元素自身的高度

参考技术B js // div.getBoundingClientRect().top
jquery //$obj.offset().top本回答被提问者采纳 参考技术C var box=document.getElementById('box');
alert(box.getBoundingClientRect().top); // 元素上边距离页面上边的距离