Question

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

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

有任何帮助吗？ 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

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

滚动太快到底部时，Waypoints无效

1 个答案: