[問題] mobile web上表格觸控橫移

看板Web_Design作者 (121)時間12年前 (2013/11/21 21:16), 編輯推噓0(001)
留言1則, 1人參與, 最新討論串1/1
自修mobile web到現在,瞭解了可以使用css的media query來調整版面後, 正準備進一步學習jquery mobile,看看是否有比較方便使用的套件。 我工作上負責維護的網站常常需要放上附有表格欄位的資料, 在桌機上的網站大部分可以直接以輸出成一張圖片的方式作呈現, 不過這張圖片在智慧型手機上瀏覽就會顯得字體太小、不便於觀看。 而昨天我偶然用手機上網,發現nba的球隊網站上有不錯的操作表格資料的方法。 網址是http://www.nba.com/knicks/#/standings 它是一張nba各球隊的戰績表。 操作介面是以球隊的隊名在畫面左邊的欄位(這邊是固定不會動的); 畫面右邊欄位則有"戰績"、"勝率"、"主/客場戰績"等資料, 使用者可以觸控右邊欄位以使表格左右滑動, 這樣就能使右邊超出手機畫面的欄位內容得以顯示。 我覺得這個操作介面做得非常好,想學起來自用。 想問一下,這種操作介面是如何製作? 如果我把jquery mobile的教學文件看完能不能學到這個技巧? -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 1.170.135.61

11/23 16:25, , 1F
自己找到答解,Flip Scroll
11/23 16:25, 1F
文章代碼(AID): #1IZWV87Q (Web_Design)
文章代碼(AID): #1IZWV87Q (Web_Design)