jquery - 整页水平滚动内容

Question

我一直在努力寻找接近我想要实现的目标的东西，但我似乎找不到其他接近它的东西。我附上了我正在尝试做的事情的快速图片:

基本上，我正在尝试创建一个水平滚动网站，当内容到达页面底部时，它会启动一个新列并继续。我目前正在构建一个 WordPress 主题，我希望它成为单一模板。有谁知道从哪里开始创建这样的东西？如果有任何帮助，我将不胜感激!

Answer 1

如果您不限于 CSS2，您可以使用 CSS3 中的列来实现此效果。设置固定列宽，但不设置固定列总数 ( documentation )

.content {
  -webkit-column-gap: 60px; /* Chrome, Safari, Opera */
  -moz-column-gap: 60px; /* Firefox */
  column-gap: 60px;

  -webkit-column-width: 300px; /* Chrome, Safari, Opera */
  column-width: 300px;
}

示例:http://codepen.io/anon/pen/pJogEZ