Tumblr 上的无限水平滚动答案

【问题标题】：Infinite Horizontal Scroll on TumblrTumblr 上的无限水平滚动
【发布时间】：2011-09-04 03:53:29
【问题描述】：

我不确定你们中是否有人熟悉 Tumblr，但我只是想获得一个水平无限滚动。垂直无限卷轴很容易找到。

现在，我确实在 jsfiddle 上找到了一个：

jsfiddle.net/URCwd/20

很遗憾，我不知道如何将它合并到 Tumblr HTML 中。

有人可以帮帮我吗？

【问题讨论】：

您希望在用户接近最后一个可见帖子时无缝加载帖子？无论如何，您链接的示例对您没有好处-它不是无限滚动-该脚本的作用是在您到达终点时将滚动重置为起点。
一般而言，您可以为 tumblr 使用最流行的无限滚动脚本（例如 dl.dropbox.com/u/33625555/t.js），并将 scrollTop 属性替换为 scrollLeft，它应该在 5 分钟内工作，给予或接受。
tumblr.com/theme/35230 这个主题有无限的水平滚动，但是当你将帖子大小更改为高于默认值时，它目前会变得混乱，“在主列下垂直加载帖子”。正在试图弄清楚如何解决它..

标签： javascript jquery tumblr infinite-scroll

【解决方案1】：

你的意思是这样的：

$(document).ready(function() {  
    $(window).scroll(function() {
        if ( $(window).scrollLeft() >= ($('body').width() - $(window).width()) ) {
            $('body').width('+=100');
        } 
    });
});

【讨论】：

【解决方案2】：

我通过使用 Paul Irish 的无限滚动 jquery 插件并基本上将所有 heights 更改为 widths 和将 tops 更改为 lefts，在我的一个主题上做到了这一点。听起来很繁琐，但效果很好。

【讨论】：

夏洛特，你能指导我看这个文件吗？