• 设为首页
  • 加入收藏
  • 我要投稿
  • 联系站长
  • 网站模板技术交流
当前位置:模板网首页 > 建站教程 > JS、jQ >  js和jQuery获取距离屏幕正文

js和jQuery获取距离屏幕顶部和距离屏幕左边的距离

作者:网页模板
类型:文章教程
点击次数:
发布时间:2019-04-10 14:48
分享到:
jQuery获取距离屏幕顶部和距离屏幕左边的距离非常简单,已经提供了方法:
$("div").offset().top//是标签距离顶部高度(没有到下面的距离,比如$("div").offset().down)
$("div").offset().left//是标签距离右边高度(没有到下面的距离,比如$("div").offset().right)
此外:
$(window).height();//是窗口高度
$(document).height();//是文档高度
$(document).scrollTop();//是滚动条高度
$("div").height();//是标签高度
//获取相对(父元素)位置:
var X = $(‘#DivID’).position().top;
var Y = $(‘#DivID’).position().left;
js没有提供相关方法,但是,提供了获取元素距离定位父元素的距离,通过循环,一级一级往上,也能得到距离屏幕顶部和左边的距离
//获取容器距离屏幕左边距离
getOffsetLeft:function(obj){
    var tmp = obj.offsetLeft;
    var val = obj.offsetParent;
    while(val != null){
        tmp += val.offsetLeft;
        val = val.offsetParent;
    }
    return tmp;
},
//获取容器距离屏幕顶部距离
getOffsetTop : function(obj){
    var tmp = obj.offsetTop;
    var val = obj.offsetParent;
    while(val != null){
        tmp += val.offsetTop;
        val = val.offsetParent;
    }
    return tmp;
},
点击查看:js获取各种宽高距离
(责任编辑:网页模板)
  • 本文标签:
  • js获取屏幕距离
JS获取各种宽度、高度的简单介绍
js控制被点击的导航始终保持在正中间