整页水平滚动内容
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;
}
我一直在努力寻找与我想要达到的目标相近的东西,但我似乎找不到其他接近它的东西。我附上了我正在尝试做的事情的快速图像:
基本上我正在尝试创建一个水平滚动网站,当内容到达页面底部时,它会开始一个新列并继续。我目前正在构建一个 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;
}