Question

我正在制作一个主要关于无限滚动的webapp。下载一个有效的无限滚动插件是否更好，或者我应该自己创作。我认为在Web应用程序中，最好使用不断更新的插件，而不是制作自定义功能。我是网络开发的新手，我的程序员已经定制了一个。我只需要确定它没问题，或者我们应该使用下载的插件吗？

Answer 1

如果它是一个你为了好玩或学习某些东西而做的项目，那么你做一个自定义插件会更好。但是，如果您正在为客户工作并且有固定的时间表来实现该要求，那么您应该首先使用已经稳定的插件。在了解了应该如何工作以及最有可能遇到的问题后，您可以使插件满足您的需求。 Infinite Scroll与服务器交互有很大关系，需要花费一些时间并学习构建高度稳定的插件。所以选择权归你所有。

一些稳定的无限滚动插件

JScroll

Infinte Scroll (no more support)

Answer 2

我个人更喜欢定制的插件，这样我们就可以对代码进行端到端的控制，而且看起来并不那么难。

下面的代码段可用于检测用户是否滚动到页面底部，有三种不同的方法可以选择适合您需要的方式。在检测到用户是否在页面的底部/底部附近之后执行相应的操作，例如获取HTTP响应和绑定项目等。

＆＃13;

// Exactly bottom
$(window).scroll(function() {
    if ($(window).scrollTop() + $(window).height() == $(document).height()) {
        alert("bottom!");
    }
});

// Near bottom
$(window).scroll(function() {
    if ($(window).scrollTop() + $(window).height() > $(document).height() - 100) {
        alert("near bottom!");
    }
});
// Get Scroll Percentage
window.addEventListener("scroll", function(e) {

    // What % down is it? 
    var scrollPercentage = (document.documentElement.scrollTop + document.body.scrollTop) / (document.documentElement.scrollHeight - document.documentElement.clientHeight);

    console.log(scrollPercentage); // or for 100 scale - console.log(scrollPercentage * 100);

});

＆＃13;

无限滚动下载插件与定制

2 个答案: