jquery - 滚动到底部太快时路径点不起作用

Question

在我的网站上:http://www.entendu.info/我正在使用 http://imakewebthings.com/jquery-waypoints/ 中的 waypoints 插件

如果用户直接滚动到底部，大多数路点都不会被触发，只有第一个和最后一个两个路点，就好像中间的路点滚动得太快而无法执行一样。(航点是滚动时加载的社交按钮)

有什么帮助吗？PS:head.ready只是使用headjs加载外部脚本时document.ready的替代方案。

head.ready(function() {

opts = {

        offset: '85%',
        continuous: 'true',

    };


 //$('.share-this').on('click', function(e){


$('.share-this').waypoint(function(event, direction) {
   if (direction === 'down') {


    var contentId = $('.share-this').attr('rel');
    var uri = $('.share-this').attr('rev');



    $.ajax({
   url: 'http://www.entendu.info/share',
   type: 'GET',
   dataType: 'html',
   data: {id:contentId, url:uri},
   complete: function(xhr, textStatus) {

   },
   success: function(data, textStatus, xhr) {

   $('#'+contentId).html(data);

   },
   error: function(xhr, textStatus, errorThrown) {

   }
   });


   }
   else {

      // do this on the way back up through the waypoint
   }
   //});

   $.waypoints('refresh')
   }, opts);



});

Answer 1

我相信您无需使用额外的 jQuery 插件即可实现您想要的目标。详细信息可以在这篇文章中找到，因此，所有必要的信用都应支付。

How to check if a user has scrolled to the bottom

长话短说，您可以使用 scroll()已随 jQuery 框架提供，并将文档高度与当前显示的窗口高度进行比较。不过我不想抢别人的风头，请查看链接。