美文网首页
关于JQ offset()top 获取位置不准确的解决方法

关于JQ offset()top 获取位置不准确的解决方法

作者: 你想跳舞吗 | 来源:发表于2019-06-12 09:36 被阅读0次

应用场景:网站响应式开发

问题重现:刷新获取距离顶部偏移位置不准确,偶尔有准确。

问题解决思路:刚开始以为是绝对定位的问题,脱离文档流,所以位置获取不到,后来发现是渲染问题,图片没加载完成的时候不占位置,所以位置获取不到

问题解决:使用load,当页面加载完成后,再获取位置,使用document(ready)并不能保证页面全部渲染完毕

  $(window).load(function(){
      xxx
})

后来发现使用load的时候报错,原因是因为最高版本的JQ没有load方法,最后解决方案是使用on监听

$(window).on("load",function(){
    xxx
})

相关文章

  • 关于JQ offset()top 获取位置不准确的解决方法

    应用场景:网站响应式开发 问题重现:刷新获取距离顶部偏移位置不准确,偶尔有准确。 问题解决思路:刚开始以为是绝对定...

  • 5-7位置操作

    元素相对页面的位置获取和设置方法:.offset()这个方法返回的是一个对象,有.left和.top属性获取$('...

  • 18、位置

    方法: offset()获取一个对象,对象里面包含top和left;offset()获取元素距离document的...

  • DOM-css

    offset()获取元素在当前视窗等相对偏移量 ,包含left和top两个偏移量$(".test").offset...

  • 原生js实现offset方法

    @拭目以待:首发于原生js实现offset方法 在为 jTool 提供 offset (获取当前节点位置)方法时,...

  • 前端知识点(15)

    元素绝对位置 $(function(){ var $pos = $('.pos'); //offset()是获取相...

  • 获取某一元素到页面顶端的距离

    jQuery的offset().top 它获取的值==你获取的元素的上边框距离html的顶部的值 JS的offse...

  • jquery判断元素是否在可视区域范围内

    $("#app").offset().top; offset().top表示 绝对偏移值,比如说有一个很长的页面,...

  • js动画相关

    获取不含Border样式的兼容写法 获取相对于文档的位置jquery中使用 $("#id").offset() 原...

  • JS & jQuery 获取元素位置尺寸

    jQuery 位置 offset: 获取匹配元素在当前视口的相对偏移 position: 获取匹配元素相对父元素的...

网友评论

      本文标题:关于JQ offset()top 获取位置不准确的解决方法

      本文链接:https://www.haomeiwen.com/subject/itqkfctx.html