Question

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

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

Answer 1

$(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等，反正就是你原来的值
           }
        });
    //这个应该是可以的，原来的样式是什么样，改回什么样式就可以了，我只是写了一个例子

Answer 2

这里有一个例子，希望可以帮到你

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

追问

亲，写个js有这么难嘛。