jquery获取元素到浏览器顶部的高度异常

Sun_Diana_star 2016-09-07 06:42:07

在js内部使用了 obj.offset().top 来获取元素object到浏览器顶部的距离
为什么js放置在页面顶部与js放置在页面底部获取到的‘距离’不同？跟什么机制有关？谢谢

...全文

439 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

Sun_Diana_star 2016-09-21

打赏
举报

回复

确定的，同一个js文件加载位置不同，得到的高度值不一样

孟子E章 2016-09-07

打赏
举报

回复

确保页面加载完毕调用的吗也就是 $(function(){ })里面执行的？

因为浏览器的兼容问题，如果使用javascript获取这些数值是一个相当痛苦的过程。好在JQuery提供了简单优雅，并且兼容的解决方法。获取浏览器和页面文档的宽度和高度代码如下: //获取浏览器显示区域的高度 $(window).height(); //获取浏览器显示区域的宽度 $(window).width(); //获取页面的文档高度 $(document.body).height(); //获取页面的文档宽度 $(document.body).width(); 获取滚动条的位置代码如下: //获取滚动条到顶部的垂直高度 $(document).scrollTop(); //获

本文实例讲述了jQuery实现固定在网页顶部的菜单效果代码。分享给大家供大家参考。具体如下：这是一款基于jQuery的固定在页面顶部的菜单，获取要定位元素距离浏览器顶部的距离，滚动条的滑动距离大于等于定位元素距离浏览器顶部的距离，就固定，反之就不固定。运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/jquery-top-fixed-menu-style-codes/ 具体代码如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.

jquery是一套跨浏览器的JavaScript库，简化HTML与JavaScript之间的操作。使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互。本课程以jquery为核心，系统全面的掌握jQueryAjaxjQuery常用插件jQuery UIjQuery Mobile

jQuery获得页面元素的绝对X,Y坐标，可以用offset()方法，下面有个不错的坐标大家可以参考下

自己试着写了下：代码如下: $(function(){ //获取要定位元素距离浏览器顶部的距离 var navH = $(“.nav”).offset().top; //滚动条事件 $(window).scroll(function(){ //获取滚动条的滑动距离 var scroH = $(this).scrollTop(); //滚动条的滑动距离大于等于定位元素距离浏览器顶部的距离，就固定，反之就不固定 if(scroH>=navH){ $(“.nav”).css({“position”:”fixed”,”top”:0,”left”:”50%”,”margin-left”:”-200p

87,904

社区成员

224,614

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章