整页水平滚动内容

Full Page Horizontal Scroll Content

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

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

如果您不限于 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