การกดลิงก์ต่างๆ บนเว็บในมือถือ

ใครที่เคยทำเว็บให้รองรับมือถือ (Responsive) น่าจะเคยเจอปัญหาว่า การกดลิงก์ต่างๆ บนเว็บในมือถือนั้น จะมีการหน่วงเวลา 300 ms (0.3 วินาที)

เพื่อป้องกันกรณีเผลอไปโดนลิงก์ในขณะที่รูดหน้าจออยู่ ทำให้การสร้างระบบเมนูบนมือถือ ไม่สามารถทำให้ลื่นได้เหมือนการกดเมนูในแอพต่างๆ

Bootstrap

ระดับโลกเองก็ยังแก้ปัญหานี้กันไม่ได้เยอะนัก ทั้ง Bootstrap ที่ยังหน่วงอยู่ หรือแม้แต่ jQuery Mobile ที่แทบไม่เห็นใครใช้แล้ว มี Foundation ที่เร็วใช้ได้ เพราะว่าใช้เทคนิค FastClick ที่ทำให้ลิงก์ทุกที่ในเว็บ ไม่หน่วง 300ms – แต่เมื่อก่อนผมเจอปัญหา เวลาเผลอรูดหน้าจอแล้วมันดันนับเป็นคลิกเลยไม่ได้ใช้ต่อ (แม้ว่าโค้ดล่าสุดนี้จะแก้แล้ว โดยให้เราระบุว่าอะไรคือ Element ที่ต้องการ FastClick)

You may also like...

ใส่ความเห็น

อีเมลของคุณจะไม่แสดงให้คนอื่นเห็น ช่องที่ต้องการถูกทำเครื่องหมาย *

error: Content is protected !!