JS或者Jquery如何取得横向和纵向滚动条的最大可以滚动的值

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：indexhtml，并引入jquery。

2、在indexhtml中的<script>标签，输入jquery代码：

$('body')append('height: ' + $(document)height() + '<br/>');

$('body')append('width: ' + $(document)width());

3、浏览器运行indexhtml页面，此时会打印出界面最大可以滚动的文档宽度和文档高度。

$(window)height();//是文档窗口高度

$("div")offset()top//是标签距离顶部高度（没有到下面的距离，比如$("div")offset()down）

$("div")offset()left//是标签距离右边高度（没有到下面的距离，比如$("div")offset()right）

$(document)scrollTop();//是滚动条高度

$("div")height();//是标签高度

你要的高度+$("div")height()+[$("div")offset()top-$(document)scrollTop()]=$(window)height();

经过简单的数学变换即可得到你要的值了

获取页面某一元素的绝对X,Y坐标，可以用offset()：

var X = $(‘#DivID’)offset()top;

var Y = $(‘#DivID’)offset()left;

获取相对(父元素)位置:

var X = $(‘#DivID’)position()top;

var Y = $(‘#DivID’)position()left;

通过getBoundingClientRect方法获取对象位置，包含： left , top , right , bottom 4个参数值。

jquery获取当前元素的坐标

1，获取对象

var obj = $("#id号"); 或 var obj = $(this);

实例中我获取的对象是d出窗口按钮，这样创建的新窗口就会根椐按钮的位置进行调整，实例中将创建的新窗口显示的按钮的右下角。

2，获取对象元素的位置(offset()方法)

var offset = objoffset();

获取对象元素的位置，分别是元素的top和left，调用方法是：offsetleft和offsettop，可知当前对象的左部和顶部位置。

3，获取对象元素的宽度(width()方法)

var right = offsetleft+objwidth();

实例中是获取对象的右下角位置，创建新窗口的左部位置。

4，获取对象元素的高度(height()方法)

var down = offsettop+objheight();

实例中是获取对象的右下角位置，创建新窗口的顶部位置。

<ul style="position: relative"> <li></li>

  <li></li>

  <li id="flag"></li>

  <li></li>

</ul>

<script>

  $(function(){

      var flag=$("#flag");

    alert(flagposition()top);//距离UI的上边距 50

    alert(flagposition()top+flagheight());//得到75，需加上自身高度

  });

</script>

可以通过position方法获取。把你的父元素设置position

Jquery可以用height(),来获取DOM元素的高。示例如下：

<script src=">

jq不会出现这样的问题的，检查下代码存放位置是否正确。另外您的jq是什么版本的？另外如果实在取不到那就用这个

网页可见区域宽： documentbodyclientWidth

网页可见区域高： documentbodyclientHeight

网页可见区域宽： documentbodyoffsetWidth (包括边线的宽)

网页可见区域高： documentbodyoffsetHeight (包括边线的高)

网页正文全文宽： documentbodyscrollWidth

网页正文全文高： documentbodyscrollHeight

网页被卷去的高： documentbodyscrollTop

网页被卷去的左： documentbodyscrollLeft

网页正文部分上： windowscreenTop

网页正文部分左： windowscreenLeft

屏幕分辨率的高： windowscreenheight

屏幕分辨率的宽： windowscreenwidth

屏幕可用工作区高度： windowscreenavailHeight

屏幕可用工作区宽度： windowscreenavailWidth

。。。。

documentbodyclientWidth 用这个原生的 比jq快得快

以上就是关于JS或者Jquery如何取得横向和纵向滚动条的最大可以滚动的值全部的内容，包括:JS或者Jquery如何取得横向和纵向滚动条的最大可以滚动的值、jquery怎么获取元素距离屏幕的位置、用jquery如何实时获取对象的坐标等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！