iScroll 4 không hoạt động đúng

Question

Tôi đã tải iScroll.js và được sử dụng trong một trong những dự án PhoneGap của tôi tức là

<script type="application/javascript" src="iscroll.js"></script> 
<script type="text/javascript"> 
var myScroll; 
function loaded() { 
myScroll = new iScroll('wrapper'); 
} 
document.addEventListener('DOMContentLoaded', loaded, false); 
</script> 

Nó không làm việc trên các trình duyệt bình thường quá nhưng khi tôi kiểm tra các yếu tố nó bắt đầu làm việc hoàn toàn tốt ?? không biết vấn đề là gì ...

Answer 1

Làm thế nào để sử dụng iScroll

1) Cần ngăn chặn hành vi mặc định của các sự kiện liên lạc tiêu chuẩn. Dễ dàng thực hiện việc này, bằng cách thêm preventDefault() trong sự kiện touchmove của bạn.

2) Khởi tạo đối tượng iScroll trên DOMContentLoaded hoặc khi tải cửa sổ.

Thay đổi mã của bạn để,

function loaded() { 
     document.addEventListener('touchmove', function(e){ e.preventDefault(); }); 
     myScroll = new iScroll('wrapper'); 
} 
document.addEventListener('DOMContentLoaded', loaded, false); 

Hy vọng nó giúp.

Answer 2

không xác định chiều cao và chiều rộng cho div bên trong nơi nội dung tồn tại. và tạo đối tượng iScroll sau khi nội dung được hoàn trả động hoàn toàn.