移動的新聞輪換像雅虎的iPhone和Ipad移動版本？

建立一個移動網站，並希望創建一個轉子，將工作就像上yahoo.com的移動網站。我可以在我的手指滑動到最左邊或右邊，它會刷卡的消息，我不能用它在我的電腦，但在我的iPhone和我猜的android它會顯示找到。移動的新聞輪換像雅虎的iPhone和Ipad移動版本？

的任何信息？謝謝！

2011-12-26 Darius

接聽的部分：

建立一個移動網站，並希望創建一個轉子，將工作就像在雅虎.com的移動網站。我可以刷卡我的手指向左或向右，它會輕掃新聞

您可以使用iScroll 4在你的頁面來創建滾動區域。這很簡單，我已經實現了。

我不會給你任何代碼，而是一個快速的解釋：

當您啓動iscroll，你需要給它一個div的id。這個div的第一個孩子是滾動條，所以你必須聲明2個div。一個作爲包裝（以及一個你將給予iscroll的id），另一個作爲包裝將滾動。在這秒鐘內，你將添加你想要滾動的所有內容。

在你的情況，將是很好的作出UL> LI然後添加選項snap: li在iscroll，所以它不會停留新聞間得到的，它會從李跳到裏，像雅虎。

我找不到它使用我的電腦，但在我的iphone和我猜測android它會顯示出來。

爲此，您需要僞造您的User-Agent，因此Yahoo頁面會顯示您的移動版本。使用Firefox時，請搜索User-Agent Switcher插件(click here if you are lazy)。

安裝後，轉到「工具」，你會看到「默認用戶代理」灰色的地球儀。打開它並選擇iPhone，例如

如果您在工具再去，你會發現灰色的地球，現在是藍色。這意味着您現在將您的UA僞裝成iPhone，而現在大多數具有移動版本的頁面將更改爲移動版。然後，你可以檢查Firebug來了解他們是如何做到的。

但請記住，他們可能只爲觸摸事件編寫代碼，然後當然不會使用鼠標。（如果他們使用iScroll，也許他們激活了desktopCompatibility選項，然後它將工作，如果你用鼠標拖動。）

2012-01-02 12:27:48 RaphaelDDL

只是針對Mac/Safari用戶的提示：您可以進入Develop菜單並快速更改您的用戶代理。 – Sum 2012-01-03 00:09:41

@Sum也是:)通常在首選項（Cmd/Ctrl +，）然後選擇高級選項卡。在那裏，檢查'Show Developer菜單'。菜單將顯示，並且還有一些Apple的UA也可以使用。 – RaphaelDDL 2012-01-03 04:39:23

謝謝。得到它了。 – Darius 2012-02-06 03:41:45

你將需要進入Safari瀏覽器編程，因爲iOS設備使用的特殊標識來識別手勢。

試想一下，在Apple documentation特別this one動畫和CSS設計等

2011-12-30 11:58:39

回答