[問題] mobile web上表格觸控橫移
自修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
11/23 16:25, 1F
Web_Design 近期熱門文章
PTT數位生活區 即時熱門文章