jquery获取滚动条高度和位置

jquery获取滚动条高度和位置,第1张

1、首先打开hbuilder编辑器,新建一个HTML文档,里面输入长篇的文字。

2、然后在上方引入jQuery的脚本,编辑js脚本,使用bind方法绑定浏览器的scroll事件,监听网页滚动,之后用scrollTop()获取垂直滚动距离,最后d出输出的值即可。

3、保存一下打开浏览器,可以看到一个长篇的文档。

4、按F12打开浏览器开发者工具,切换到Console标签下,滚动鼠标,就可以在开发者工具里显示出浏览器高度位置的数据了。

 <script>

   $(function() {

 var h_max = 0;

 //求最大高度

 $("class")each(function() {

      var h = $(this)innerHeight();

      h_max = h > h_max  h : h_max;

 })

     //将class的高度赋值为最大高度,

     //最大高度innerheight=padding+内容高度height

 $("class")each(function() {

        //求padding的值

       var h_pad = $(this)innerHeight() - $(this)height();

       $(this)height(h_max - h_pad);

 })

   })

 </script>

jquery

$(function(){

/调整窗口自动调整宽度/

$(window)resize(function(){

var h = $(window)height();

var w = $(window)width();

consoleinfo("窗口高度:" + h + "; 窗口宽度:" + w);

});

});

你可以给外面一个div一个高度,然后文本高度自动获取,然后判断文本高度大于外面那个高度就是溢出;

<script type="text/javascript" src="jqueryjs"></script>

#dtext1{height:100px;width:100px;}<div class="" id="dtext1">

    <div id="dtext2">

         这是一个div滚动事件测试这是一个div滚动事件测试这是一个div滚动事件测试这是一个div滚动事件测试

    </div>

</div>var txth = $('#dtext1')height();

var txth2 = $('#dtext2')height();

    if(txth2>txth){

        alert("溢出了");    

    }

简单的一个例子参考下。希望能帮到你

jquery:

var hei=$('div')height(); //先获取这个DIV的高度

$('div')scrollTop(hei); //然后设置滚动条滚动的高度

以上就是关于jquery获取滚动条高度和位置全部的内容,包括:jquery获取滚动条高度和位置、jquery 同一个class,如何获取高度最高的那个的数值赋给其他、js或者jquery如何实时获取浏览器的高度和宽度的等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9795195.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-02
下一篇 2023-05-02

发表评论

登录后才能评论

评论列表(0条)

保存