17 เมษายน 2558

Fixed: ปัญหา iFame ใน iPad/iOS เลื่อนหน้าเพจไม่ได้

เวลา embed ฝังโค้ด iFrame ที่เป็นหน้าเพจยาวๆ ซ้อนลงในเว็บไซต์ ในบางที iPad/iOS มันจะมีปัญหาไม่สามารถเลื่อนหน้าเพจใน iFrame -- ก่อนหน้านี้เคยเจอ มันแสดงทั้งหมด แบบทะลักยาวไปเรื่อยๆ จนจบหน้าเพจ iFrame

ล่าสุด ค้น Google เจอเทคนิคแก้ไข ด้วยการกำหนด CSS ให้กับ <div> ที่อยู่เหนือ iFrame ดังนี้

-webkit-overflow-scrolling: touch;
overflow-y:scroll;
height: 00px; /* ต้องกำหนดขนาดความสูงของหน้าจอ iFrame ด้วยนะ */

เท่านี้ก็จะสามารถเลื่อนหน้าเพจ iFrame ใน iOS ได้แล้ว :)