Q

全屏響應水平網站

2013-12-21 106 views 1 likes

1

我想找到最好的方法，以創建一個水平網站，全屏，如果可能的話響應，最小寬度爲平板電腦。問題是我還需要使用鼠標滾輪進行水平滾動，並且我看到fullPage.js不支持該功能，或者至少我無法使其在此插件上運行。全屏響應水平網站

無論如何，我需要一個關於構建模板的想法，全屏部分以內聯方式顯示 - 我將非常感謝任何提示。謝謝。

2013-12-21 ilonashu

+1

的fullPage.js而這一次http://www.minimit.com/articles/code-tips/perfect-responsive-fullscreen-backgrounds，但我有麻煩使他們成爲橫向 - 我沒有;弄清楚 - 以及在我原來的CSS的所有類型的嘗試，我s不是全屏 - 這是它的草稿http://jsfiddle.net/E8G9n/我也需要提及，我有圖像作爲背景爲每個部分，不同的 - 謝謝 – ilonashu

A

回答

0

，你可以使用下面的鏈接 http://www.cssdesignawards.com/articles/15-excellent-jquery-plugins-to-spice-up-your-sites/44/ http://jquery-plugins.net/scrollit-js-jquery-plugin-for-scrolling-pages

列出的工具之一，或者您也可以用錨鏈接拌生JS/jQuery和點擊時添加動畫。在這種情況下，你可以向下滾動使用鼠標滾輪，也有花哨的動畫時，點擊鏈接有關響應使用CSS媒體查詢

2013-12-21 09:05:22 lanlau

+0

你好，水平滾動我已經做這個工作 - http://css-tricks.com/snippets/jquery/horz-scroll-with-mouse-wheel/就是這樣，主要問題是使水平網站的全屏圖像作爲背景和響應 - 以及是連續的，就像使用水平滾動條滾動時一樣 - – ilonashu

0

做水平響應有點棘手，需要很多努力..可以有很多很多設計方法使其響應。它不能只是用的jsfiddle片段描述。然而..

，我對你的東西，一定會幫助您開始使用「水平響應式佈局設計」 ..

這是要引導人/教程誰想要上手水平響應方法

http://tympanus.net/codrops/2012/04/02/responsive-horizontal-layout/

2013-12-21 09:10:27

+0

你好，謝謝，我已經意識到這一點 - 我將繼續我的搜索和嘗試，它必須做某事:) – ilonashu

相關問題