如何在jQuery中正确使用鼠标滚轮和滚动事件？

Question

我的问题是：

    if( user reach the bottom of the page){
      hide element;
    }else{
      show element;
    }

我的解决方案是使用mousewheel/scroll事件处理程序来知道用户是否在移动，然后计算我是否在页面底部并隐藏或显示元素。。。

一切正常，但我有点担心

由于主线程正忙，“mousewheel”输入事件的处理延迟了123毫秒。将事件处理程序标记为“被动”以使页面更加响应。

这（我猜）是因为这个代码

 jQuery('body').on('mousewheel', function(e){

跑太多次了。

那么，我怎样才能使这段代码更有效率呢
是否有办法在滚动后运行事件？

我不想使用插件。

Answer 1

你可以通过以下方法来实现：检查这把小提琴

    jQuery(window).on("scroll", function(){
        if($(window).scrollTop() + $(window).innerHeight() == $(document).height())
        {
            //User reached end of page
            //Hide element here
            $("span").hide();
        }
        else
        {
            //Show element here
            $("span").show();
        }
   });