在视差滚动背景上的水平滚动寄存器形式

Question

我在一个仅限会员的网站上工作，我正在进行视差滚动，5张背景图片长（垂直）。在顶部div，图片编号1，我希望有一个漂亮的外观滚动水平。我找到了两个小盒子的例子，但我的目标是有一个居中的全屏幕形式，我找到的全宽度的例子。对于表单的每一步，我需要存储信息，并在表单的最后一步上传所有其他步骤的信息。 我的想法的一个例子可以在下面找到。我的问题是＆＃34;垂直och水平滚动可以一起工作吗？＆＃34;并且可以在点击下一张幻灯片时保存表单中的信息吗？而且这应该在响应式设计中完成，这是我无法找到任何示例的另一部分。所有提示和输入都非常感谢！

Answer 1

我们做了一个水平视差滚动网站 你可以在这里看到它。 Posicionamiento Web - SEO Parallax Horizontal Scrolling Website

该网站

1. SEO优化
2. Parallax Scrolling Horizo​​ntal
3. 响应式网页设计
4. HTML5
5. CSS3
6. Jquery的
7. WordPress的

Answer 2

这是一个听起来像your goal的例子。在此示例中，您不必担心通过不同页面保存数据。阅读Rhinosliders网页上的手册，了解如何进行调整。只需改变

  

表单步骤到宽度：100％

并调整表格以使其居中;）

响应部分正在运行，但据我所知，您必须在更改屏幕尺寸后重新加载页面。