没有 JavaScript 的水平滚动

【问题标题】：Horizontal scrolling without JavaScript没有 JavaScript 的水平滚动
【发布时间】：2014-09-11 01:23:27
【问题描述】：

我正在组合一个水平滚动布局来显示嵌套内容（想想文件夹中的文件夹中的文件ad infinitum）。出于优雅降级的目的，是否有任何方法可以加载最初一直向右滚动的页面，没有 JavaScript？通过将<a id="foo"></a> 添加到页面末尾并将#foo 附加到URL 很容易将其一直滚动到底部，但这似乎不能横向工作。

【问题讨论】：

看看这个帖子：stackoverflow.com/questions/8030074/….

标签： html css progressive-enhancement graceful-degradation

【解决方案1】：

是的！查看this fiddle。您可以看到我正在使用锚点来引用页面右侧的元素方式（黄色 div），并且浏览器正在将该元素滚动到视图中，就像它向下滚动以将元素显示在视图中一样在窗口边缘下方。

【讨论】：

这看起来真不错！ :) 不过，我不禁想知道它是否与absolute 定位和显式坐标有关。如果锚是例如它会起作用吗？在一张恰好非常宽的桌子的最右边一列？
无论如何，您都应该能够让它工作。例如，here it is 使用浮点数，here's one in a table，就像你描述的那样。