整页水平滚动内容

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