มาคุยกันเรื่อง Mobile Dev กันอีกสักรอบ … ช่วงนี้ผมเห็น App หลายๆตัว เริ่มเปลี่ยนมาใช้ HTML5 กันมากขึ้น ซึ่งก็พอจพมองได้ว่าเป็นข่าวดี เพราะ HTML เป็น เทคโนโลยี ที่ ง่าย แล้วก็ ไปได้ทุก Platform
ก่อนหน้านี้ผมมีปัญหากับการเขียน App ใน Titanium คือมันมีปัญหากับ Table พอ เนื้อหายาวๆ แล้ว Scroll ขึ้นลงเร็วๆ มันจะกระตุก หน่อยๆ ไม่ค่อย นิ่มนวลเท่าที่ควร ก็เลยคิดว่า จะลองเปลี่ยนมาเป็น HTML5 ในส่วนของ Table + JS Scrolling เข้าท่าๆ สักตัว
แต่จนแล้วจนรอด ก็ไม่มีตัวไหนได้อย่างใจผมเลย
จน iOS update มาถึง v5 นี่แหละ ถึงได้รู้ว่า คิดถูกแล้ว
Scrolling ของพวก Mobile มันจะ มี โมเมนตั้ม ที่ต่างจาก การ Scroll ขึ้นลงของ Browser ค่อนข้างมาก เพราะฉะนั้น ถ้าเราเขียน HTML Table ธรรมดา ลงไปเป็น App ความรู้สึกมันจะรู้เลย ว่าไม่ใช่ แต่ วันนี้ Apple แก้ปัญหาให้เราแล้วล่ะครับ
แล้วทั้งหมดก็แก้ปัญหาด้วยคำว่า
overflow:scroll;
-webkit-overflow-scrolling:touch;
เท่านั้นเอง จากนั้นผมก็ลอง Lab ด้วยการเอา Titanium มาเป็นโครง แต่ Table ใช้ HTML ดิบๆมา Render แล้วเพิ่ม style พวกนี้ ลงไปใน table เท่านั้นแหละ เนียนกริบ
ลองไปอ่านตัวอย่าง แล้วก็วิธีใช้ที่ link ด้านล่างนะครับ ผมขี้เกียจเขียนซ้ำเค้า
http://johanbrook.com/browsers/native-momentum-scrolling-ios-5/
บอกได้เลย ถ้าเป็นอย่างนี้ เทรน HTML5 ใน Mobile มาแทน Native ได้แน่ๆ