$(window).on('scroll',function()滚动到50%时,我想加载一些数据

时间:2014-11-12 19:01:12

标签: javascript jquery html

我想加载一些数据,尽快浏览器滚动条移动到50%

使用jquery我写的以下函数:

$(window).on('scroll', function () {
            alert("scrolling");
            if ($(window).scrollTop() + $(window).innerHeight() >= $(window)[0].scrollHeight * 0.5) {

                if (counter < modules.length) {
                    LoadData(modules[counter]);
                }
                counter += 1;
            }
        })

但它不起作用,我该如何解决?

anthor尝试我做到了:

$(window).scroll(function () {
            if ($(window).scrollTop() == $(document).height() - $(window).height()) {
                alert("you are at bottom");
            }
        });

但我不想在底部发出警报,只是在50%

1 个答案:

答案 0 :(得分:2)

要检测到滚动已达到页面使用率的50%:

if ($(window).scrollTop() >= ($(document).height() - $(window).height())*0.5){

其余的我们应该知道LoadData(modules[counter]);

里面的内容

http://jsfiddle.net/carlodurso/a5wmLzfm/