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

Posted 2023-03-30

我需要用javascript判断鼠标滚动的高度。如果：
我有两个div.需要在一个js中因为鼠标滚动高度而发生posiition属性的变化。我该怎么弄？
比如：第一个div.我需要在鼠标滚动≥80px的，改变 class="navbar"的div的position:fixed.当鼠标滚动距离≥150px的时候，改变class="log"的div的position:fixed.这个滚动高度都是针对于页面最顶端的距离。
当其小于的时候，还原本来的css属性。求教。。。。。

$(window).scroll(function() 
            // 当滚动到最底部以上100像素时， 加载新内容
            if ($(this).scrollTop() >= 80) 
                $("div.navbar").css("position","fixed");
            else
                $("div.navbar").css("position","relative");//也可能是absolute等，反正就是你原来的值
           
           if ($(this).scrollTop() >= 150) 
                $("div.log").css("position","fixed");
            else
                $("div.log").css("position","relative");//也可能是absolute等，反正就是你原来的值
           
        );
    //这个应该是可以的，原来的样式是什么样，改回什么样式就可以了，我只是写了一个例子

参考技术A 这里有一个例子，希望可以帮到你

$(window).scroll(function()
// 当滚动到最底部以上100像素时， 加载新内容
if ($(document).height() - $(this).scrollTop() - $(this).height() < 100)
if (flag)
var $boxes = $(getList());
$container.append($boxes).masonry('appended', $boxes);


);追问

亲，写个js有这么难嘛。

如何用js监听滚动条滚动事件

在做js返回顶部的效果时，要监听网页滚动条滚动事件， 参考技术A onmousewheel
事件参数：（e || window.event）
谷歌：wheelDelta：120为上滑，-120为下滑
火狐：detail：-3为上滑，3为上滑本回答被提问者采纳