Question

是否有人建议如何自动扩展网站？

例如网站“9gag.com”也称为9fag。它将一部分加载到浏览器中，但是当您滚动时，该站点会自行扩展，而无需单击“下一个站点”。

我想在我创建的商店里使用它。

例如：

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

当您向下滚动时，您会看到您可以选择转到第二个站点...

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

Answer 1

在SO上查看this问题。在此示例中，页面将在到达页面底部之前延伸100px

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！

Answer 2

正如上面评论中提到的那样，您正在搜索无限滚动。有很多jQuery插件可以帮助您实现所需的效果。当然，如果您正在加载内容dinamicaly，您可以使用AJAX获取数据。

类似的技术在Twitter，Pinterest等上使用，当然也在9gag上使用。您可以在http://www.fieg.nl/infinite-ajax-scroll-a-jquery-plugin

查看说明和工作演示

向下滚动时扩展网站？

2 个答案: