2014-11-24 71 views
0

我写了一个代码来寻找页面滚动。它在我把它放在脚本标签里面的时候起作用。 如何将这段代码放入一个函数中,并让它看起来像页面滚动?何时以及如何调用寻找页面滚动操作的javascript函数?

这里是我的代码

$(window).scroll(function(){ 
       if ($(window).scrollTop() == $(document).height() - $(window).height()){ 
        alert('scrolling'); 
       } 
}); 
+0

它应该是一样的吗? – abimelex 2014-11-24 13:16:18

+0

“它适用于我把它放在脚本标签内”,你还想把它放在哪里?它总是会在脚本标签中。 – albanx 2014-11-24 13:18:06

+0

@abimelex不一定是。这种情况的一般方法是什么? – prgmrDev 2014-11-24 13:18:09

回答

2

我不明白究竟你问什么,这样的事情? (把这个脚本代码或外部JS文件)

$(document).ready(function() { 

    $(window).scroll(function(e){ 
     detect_scrollPage(e); 
    }); 

}); 

function detect_scrollPage(event){ 
    ... 
} 
+0

问题是,是否有可能有一个用户定义的功能,让它自己忙着寻找页面滚动? – prgmrDev 2014-11-24 13:22:40

+0

这个函数(detect_scrollPage),每次页面滚动时都会调用 – WhiteLine 2014-11-24 13:23:44

+0

@PrathviRaj如果你有一个“保持自己忙”的JavaScript函数,你的页面可能无法使用。没有理由尝试为自己实施检查,只需使用浏览器处理的滚动事件即可。 – 2014-11-24 13:28:31

2

这个怎么样:

function scrollBinder(selector, callback){ 
    $(selector).scroll(function(e){ 
     callback.call(this, e); 
    }); 
} 

$(document).ready(function() { 

    scrollBinder('#some_div', function(div, event) { 
     //do calcl here 
    }) 

    //or on window 
    scrollBinder(window, function(div, event) { 
     //do calcl here 
    }) 

}); 

任何方式,它是一种简写,大多数人会做,因为你做的一样。

相关问题