www.5213.net > JS如何获得元素到可视网页区域的top值

JS如何获得元素到可视网页区域的top值

就是获取当前元素的offsetTop值,减去可视区域的高度和窗口卷起的高度.$("div").offset() - $(window).scrollTop() - $(window).height()

var oWidth = document.documentElement.clientWidth || document.body.clientWidth;//会跟着缩放而变化.screen.width //显示器的宽度 ,不会随着缩放而变化

不考虑ie6的话就比较简单,判断一下是否到底部,到了之后将这个div的position设置为fixed就好了top值是固定的但是如果要考虑ie6的话就麻烦一点,因为ie6不支持fixed这个属性你只能通过absolute来处理而此时top值是要不停地改变的,而且在ie6中这个div在滚动时会不停晃动,解决方法是有的但是代价过高,看你的取舍

//假设元素id为test,获取它到父元素的距离$( "#test" ).offset().top;//获取到父元素的距离.如果父元素距离body不为0,还需要进行相加

var top = obj.getBoundingClientRect().top //元素顶端到可见区域顶端的距离var se = document.documentElement.clientHeight //浏览器可见区域高度.if(top 评论0 0 0

在没有声明DOCTYPE的IE中,浏览器显示窗口大小只能以下获取:document.body.offsetHeight在声明了DOCTYPE的浏览器中,可以用以下来获取浏览器显示窗口大小:document.documentElement.clientHeightIE,FF,Safari皆支持该方法,opera虽支持该属性,但是返回的是页面尺寸;

可以使用offset() 方法,该方法返回或设置匹配元素相对于文档的偏移(位置),该方法返回的对象包含两个整型属性:top 和 left,以像素计.此方法只对可见元素有效.1、使用offset() 方法获取一个元素距离浏览器的顶部和左边的可视距

document.body.clientHeigth 网页可见高度,看见多少就是多少document.body.scrollTop; 网页被卷去的如果有boder,那也要加上去,基本不用除非你是根据div来判断的,一般都是body下

<html><br><head><br><title>获取浏览器版本</title><br><script tyep=text/javascript><br>function getappversion(){<br>alert(navigator.appversion);<br>}<br>&lt;&#47;script&gt;<br></head><br><body onload="getappversion()"><br>获取浏览器版本测试<br></body><br></html>

你可以参考下面这个函数,这个函数是获取完整页面尺寸的函数(即你说的浏览器能看到的区域,不包括被滚动条卷去的区域)-----------------------------js代码---------------------------------------------------------<script>function GetPageSize(){ var xScroll,

相关搜索:

网站地图

All rights reserved Powered by www.5213.net

copyright ©right 2010-2021。
www.5213.net内容来自网络,如有侵犯请联系客服。zhit325@qq.com