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

时间：2013-05-07 10:20:27

标签： jquery html css forms parallax

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

enter image description here

2 个答案:

答案 0 :(得分：1)

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

该网站

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

答案 1 :(得分：0)

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

  

表单步骤到宽度：100％

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

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

相关问题
最新问题