首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >向下滚动时扩展站点?

向下滚动时扩展站点?
EN

Stack Overflow用户
提问于 2013-10-12 13:20:52
回答 2查看 428关注 0票数 0

有没有人对如何自动扩展网站有建议?

例如,站点"9gag.com“也称为9 9fag。它将一个部件加载到浏览器中,但当您滚动时,站点就会自我扩展,而不需要单击“下一个站点”。

我很想在我创建的一家商店里用这个。

例如,在这里:

http://saasil.de/wohnraumleuchten/deckenleuchten/

当你向下滚动,你会发现你可以选择去第二个网站.

如果有人能指点我这里使用的正确技术,那就太好了。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-10-12 13:40:01

正如上面有人在评论中提到的那样,您正在寻找无限滚动。有大量的jQuery插件,可以帮助您达到预期的效果。当然,如果要加载内容dinamicaly,可以使用AJAX获取数据。

Twitter、Pinterest等也使用了类似的技术,当然在9gag上也是如此。您可以在http://www.fieg.nl/infinite-ajax-scroll-a-jquery-plugin上看到解释和工作演示。

票数 1
EN

Stack Overflow用户

发布于 2013-10-12 13:31:00

看看this的问题吧。在本例中,该页将在到达页面底部之前扩展100 of。

代码语言:javascript
运行
复制
function loadMore()
{
    console.log("More loaded");
    // load your content (e.g. via ajax)
    $("body").append("<div>");
    $(window).bind('scroll', bindScroll);
}

function bindScroll()
{
    if($(window).scrollTop() + $(window).height() > $(document).height() - 100) 
    {
        $(window).unbind('scroll');
        loadMore();
    }
}

$(window).scroll(bindScroll);​

多亏了JoeFletch!

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

https://stackoverflow.com/questions/19334649

复制
相关文章

相似问题

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