2013-08-26 65 views
9

Tôi đã triển khai một trang web bằng cách sử dụng trình khởi động twitter. Ở đầu trang, tôi đã sử dụng thanh điều hướng và bên trong đã sử dụng menu thả xuống. Trình đơn thả xuống được tạo thành từ các thẻ < ul> và < li>. Tôi đang hiển thị danh sách các thành viên bên trong menu dropdwon đó. Khi danh sách thành viên tăng trình đơn thả xuống tăng theo chiều ngang, tôi đã thêm overflow: auto vào lớp menu thả xuống. Bây giờ nó hiển thị một thanh cuộn dọc, và làm việc tốt trong trình duyệt.tràn: tự động không hoạt động trên các thiết bị cảm ứng (iOS)

Nhưng điều tương tự cũng không hoạt động trên iPad và các thiết bị iO khác. Tôi đã googled nó và tìm thấy -webkit-overflow-scrolling: touch nên làm việc. Nhưng nó không làm việc cho tôi. Rất nhiều giải pháp khác cũng có mặt, nhưng tiếc là không làm việc cho tôi.

Có giải pháp nào tốt hơn không. Có thể là bất cứ điều gì chúng ta có thể làm bằng cách sử dụng css chính nó.

+0

sử dụng cả hai 'overflow: scroll' và' -webkit-overflow-scrolling: cảm ứng; '. [link] (http://johanbrook.com/browsers/native-momentum-scrolling-ios-5/). và cũng có một cái nhìn tại liên kết này [** Barrow.io **] (http://barrow.io/overflow-scrolling) –

+0

Vâng, ở khắp mọi nơi được viết bằng -webkit-overflow-scrolling: touch; nên làm việc, nhưng không biết tại sao nó không làm việc cho tôi. – sandeep

+0

sử dụng với 'overflow: scroll' không phải với 'overflow: auto' .. –

Trả lời

1

Cách thêm thuộc tính css trong vào thẻ div của bạn -webkit-overflow-scrolling: touch

+0

Tôi phải hiển thị thanh cuộn trong các thẻ < ul > và < li >. – sandeep

+0

đặt nó trong một container và trong css thêm rằng bất động sản –

+0

Điều này không làm việc cho tôi – AndrewLeonardi