2016-01-01 19 views
11

tôi sử dụng này mã css để làm cho thanh cuộn có thể nhìn thấy trong jquery-mobile:JQuery-Mobile

::-webkit-scrollbar { 
    -webkit-appearance: none; 
} 
::-webkit-scrollbar:vertical { 
    width: 12px; 
} 
::-webkit-scrollbar:horizontal { 
    height: 12px; 
} 
::-webkit-scrollbar-thumb { 
    background-color:#CE0003; 
    border-radius: 10px; 
} 
::-webkit-scrollbar-track { 
    border-radius: 10px; 
    background-color: grey; 
} 

Khi tôi mở trang với điện thoại di động thanh cuộn có thể nhìn thấy nhưng trượt trên nó, không hoạt động (Nó sẽ không cuộn trang). Làm cách nào để khắc phục sự cố này?
Bạn có thể nhìn thấy nó trong fiddle 1

CẬP NHẬT này:
Nếu bạn nghĩ rằng nó không thể làm theo cách này, có một cách khác để sử dụng jquery.
Trong ffidle 2 này, bạn có thể thấy rằng một hàm đã được viết trong đó phát hiện swipe xuốngswipe lên trên một div. Bây giờ nó chỉ cần một chức năng cuộn trang.

+0

Tại sao bạn phải lo lắng về các thanh cuộn trên thiết bị di động? Toàn bộ vấn đề là tự nhiên chỉ cần vuốt - thanh cuộn quá nhỏ để chúng tôi có thể sử dụng bằng ngón tay/ngón tay cỡ trung bình –

+0

@DarrenSweeney Tôi đang sử dụng ứng dụng cung cấp cho tôi tệp html và tôi phải bao gồm nó