首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >无限滚动下载插件与定制插件

无限滚动下载插件与定制插件
EN

Stack Overflow用户
提问于 2015-09-28 13:56:20
回答 2查看 36关注 0票数 0

我正在制作一个网页应用程序,主要是关于无限滚动。是下载一个可以工作的无限滚动插件更好呢,还是我应该自己做一个。我在想,在web应用程序中,使用不断更新的插件比定制函数更好。我对web开发是个新手,我的程序员已经定制了一个。我只需要确定它是可以的,还是我们应该使用一个下载的插件?

EN

回答 2

Stack Overflow用户

发布于 2015-09-28 14:17:15

如果你做这个项目是为了好玩或者是为了学点什么,那么你最好做一个定制的插件。但是如果你正在为客户工作,并且有固定的时间表来实现需求,那么你应该从一个已经稳定的插件开始。您可以在了解了事情应该如何工作以及最有可能面临的问题之后,制作适合您的需求的插件。无限滚动与服务器交互有很大关系,需要花费一些时间和学习来构建一个高度稳定的插件。所以这是你的选择。

一些稳定的无限滚动插件

JScroll

Infinte Scroll (no more support)

票数 0
EN

Stack Overflow用户

发布于 2015-09-28 14:19:52

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

下面的代码片段可以用来检测用户是否滚动到了页面的底部,有三种不同的方法来检测选择一个适合你需要的。在检测到用户是否接近页面底部后,执行相应的操作,如获取HTTP响应和绑定项目等。

代码语言:javascript
运行
复制
// 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);

});

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/32816482

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档