在html中有水平滾動的簡單方法？

Question

我一直在閱讀有關橫向滾動的其他帖子，但我一直無法做到這一點。很久以前，我在當地的社區學院參加了一個網頁設計課程，所有教過的都是基本的HTML。我還沒有跟上最新的網絡技術，這就是爲什麼我正考慮停止在洛杉磯的歌手工作。我曾嘗試閱讀教程，並查看網站並將代碼查看/導入Dreamweaver以查看我是否可以理解它，但這很難。

現在我被要求把這個消息當成縮略圖，但是用水平滾動。現在我的消息出現在iframe中，但用鼠標滾動甚至是不可能的。在手機上使用手指也很難。在簡單的html頁面中放置apple.com的最佳方式是什麼？就像有點點，並轉到下一頁？

這是我在工作頁面的新聞頁面：http://www.maria-del-pilar.com/main.html，這是在iframe中加載的頁面：http://www.maria-del-pilar.com/news.html

你們有什麼建議我應該怎麼辦？什麼是最簡單的水平滾動方式？

Answer 1

你可能不想聽到這個消息，但是你不會在沒有添加javascript的情況下進行水平滾動。

用jQuery可以實現偉大的事情 - 您可能必須學習新的東西才能使用它，但嘿 - 生活是關於學習的，不是嗎？另外，在學習jQuery的基礎知識之後，您將能夠使用其他人的解決方案，而不一定由您自己編寫所有代碼。像這樣 - http://www.jquery4u.com/plugins/10-jquery-horizonal-scroll-demos-plugins/

你也可以放棄任何水平滾動的想法 - 我認爲它在可用性或設計方面沒有什麼特別之處。但我明白你想達到你所要求的。

好運

Answer 2

下面是可以實現把一些「苦勞」和創造力一些很好的例子和演示。

http://www.jquery4u.com/plugins/10-jquery-horizonal-scroll-demos-plugins/

本網站包含的演示和實施水平滾動不同，新穎，美觀的方式源代碼。你可以下載這些源代碼中的任何一個，並瞭解幕後幕後的魔法效果。在此之後，您可以嘗試將一個或多個這些解決方案實施到您的網站。

另外，由於您很久以前上過一門課，我建議您從http://www.codecademy.com等網站上免費下載一些免費的在線教程，以清理您的知識和技能。您還可以查看YouTube視頻，以便從HTML5，CSS3和JavaScript上的許多分步教程中學習。

我希望這會有所幫助。

乾杯。