如何用JS获取鼠标滚动高度,再触发相应的事件。速救!!!

如何用JS获取鼠标滚动高度,再触发相应的事件。速救!!!,第1张

$(window)scroll(function() {

            // 当滚动到最底部以上100像素时, 加载新内容

            if ($(this)scrollTop() >= 80) {

                $("divnavbar")css("position","fixed");

            }else{

                $("divnavbar")css("position","relative");//也可能是absolute等,反正就是你原来的值

           }

           if ($(this)scrollTop() >= 150) {

                $("divlog")css("position","fixed");

            }else{

                $("divlog")css("position","relative");//也可能是absolute等,反正就是你原来的值

           }

        });

    //这个应该是可以的,原来的样式是什么样,改回什么样式就可以了,我只是写了一个例子

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

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

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

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

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

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

<style>

b{

width:400px;

height:300px;

background-color:#CC0;

overflow-y:scroll;

}

</style>

<body>

<div class="b" id="b">子菜单<br>子菜单<br>子菜单<br>子菜单<br>子菜单<br>子菜单<br>子菜单子菜单<br>子菜单<br>子菜单<br>子菜单<br>子菜单<br>子菜单<br>子菜单子菜单<br>子菜单<br>子菜单<br>子菜单<br>子菜单<br>子菜单<br>子菜单<br>子菜单<br>子菜单<br>子菜单</div>

</body>

<script>

var w = documentgetElementById("b");

wonscroll=function(e)

{

consolelog(wscrollTop);

}

</script>

以上代码测试通过

以上就是关于如何用JS获取鼠标滚动高度,再触发相应的事件。速救!!!全部的内容,包括:如何用JS获取鼠标滚动高度,再触发相应的事件。速救!!!、JS或者Jquery如何取得横向和纵向滚动条的最大可以滚动的值、实时获取div滚动条滚动距离等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存