作者backfish (121)
看板Web_Design
标题[问题] mobile web上表格触控横移
时间Thu Nov 21 21:16:51 2013
自修mobile web到现在,了解了可以使用css的media query来调整版面後,
正准备进一步学习jquery mobile,看看是否有比较方便使用的套件。
我工作上负责维护的网站常常需要放上附有表格栏位的资料,
在桌机上的网站大部分可以直接以输出成一张图片的方式作呈现,
不过这张图片在智慧型手机上浏览就会显得字体太小、不便於观看。
而昨天我偶然用手机上网,发现nba的球队网站上有不错的操作表格资料的方法。
网址是
http://www.nba.com/knicks/#/standings
它是一张nba各球队的战绩表。
操作介面是以球队的队名在画面左边的栏位(这边是固定不会动的);
画面右边栏位则有"战绩"、"胜率"、"主/客场战绩"等资料,
使用者可以触控右边栏位以使表格左右滑动,
这样就能使右边超出手机画面的栏位内容得以显示。
我觉得这个操作介面做得非常好,想学起来自用。
想问一下,这种操作介面是如何制作?
如果我把jquery mobile的教学文件看完能不能学到这个技巧?
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 1.170.135.61
1F:→ backfish:自己找到答解,Flip Scroll 11/23 16:25