在視差滾動背景上的水平滾動寄存器形式

我正在一個只有會員的網站上進行視差滾動，5個長的背景圖片（垂直）。在頂部div，圖片編號1，我想有一個漂亮的形式滾動水平。我發現了兩個小盒子的例子，但我的目標是有一個居中的全屏幕形式，我發現的例子中沒有一個是全角。對於表格的每一步，我需要存儲信息，並在表單的最後一步上傳所有其他步驟的信息。我的想法的一個例子可以在下面找到。我的問題是「可以垂直和水平滾動一起工作嗎？」並且可以在點擊下一張幻燈片的過程中保存表格中的信息？而且這也應該以響應式設計來完成，這是我找不到任何示例的另一部分。所有的提示和投入都非常感謝！在視差滾動背景上的水平滾動寄存器形式

enter image description here

來源

2013-05-07 Rocksteady

我認爲你可以添加rhinoslider到第一個div。結帳rhinoslider.com/ – Handsken 2013-05-07 18:28:34

謝謝，還沒有看到那個頁面。這幾乎是我無法將其與Parallax滾動一起使用的原因？ – Rocksteady 2013-05-08 11:02:41

下面是聽起來像your goal一個例子。在這個例子中，你不必擔心通過不同的頁面保存數據。閱讀Rhinosliders網頁上的手冊，看看你可以怎麼玩。只要改變

形式步到寬度：100％

和調整的形式使其居中）

的響應部分工作，但據我可以說，你必須在更改屏幕大小後重新加載頁面。

來源

2013-05-14 09:05:20 Handsken

謝謝，我確實使用過Rhinoslider，並做了我自己的修改:) – Rocksteady 2013-05-17 13:01:15

我們做了一個水平視差滾動網站你可以在這裏看到它。 Posicionamiento Web - SEO Parallax Horizontal Scrolling Website

該網站是

SEO優化
視差滾動水平
自適應網頁設計
HTML5
CSS3
jQuery的
WordPress的

來源

2013-06-05 18:58:20

在視差滾動背景上的水平滾動寄存器形式

回答

相關問題