2010-08-16 23 views
35

Tôi đã thử rất nhiều thứ khác nhau và tôi tiếp tục tìm kiếm nhưng tôi không tìm thấy gì!Bất kỳ cách nào để thực hiện cuộn div trong ipad?

Giúp mọi người?

+0

Không thực sự làm rối tung với nội dung này, nhưng nếu bạn đang phát triển cho di động bằng cách sử dụng jquery, bạn thực sự nên xem xét việc sử dụng này: http://jquerymobile.com/ –

+0

Bạn muốn cuộn qua giao diện người dùng, hoặc programmaticaly? –

+0

+1 cho câu hỏi tuyệt vời! Chỉ là nghiên cứu cùng một điều. –

Trả lời

12

Xem nếu điều này sẽ giúp, anh chàng nói div phải có một kích thước cố định: http://uxebu.com/blog/2010/04/27/touchscroll-a-scrolling-layer-for-webkit-mobile/

Nếu đó không phải là những gì bạn đang tìm kiếm, bạn cũng có thể kiểm tra jqtouch và những thứ như mở rộng jqt.scroll này: (xin lỗi, tôi chỉ có thể gửi 1 liên kết rõ ràng, tìm kiếm jqt.scroll.js trên trang web này: code.google.com/p/jqextensions/)

+0

Tôi chưa thử điều này, tôi tìm thấy một cái khác hoạt động tốt ... nhưng không phải để cuộn bên trong một div. Tôi sắp thử liên kết bạn gửi nó nghe có vẻ hoàn hảo cho những gì tôi muốn làm. bệnh cho bạn biết làm thế nào mà đi – cat

+0

'jqt.scroll.js' dường như được dựa trên mã iScroll từ Cubiq.org (xem bên dưới). –

+0

Touchscroll hoạt động tốt với tôi, được mô tả trong blog uxebu.com –

2

tôi đã có may mắn lớn với điều này trên tất cả các trình duyệt và nền tảng - bao gồm iPad: http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html

Nhưng, thực sự nó chỉ là fancy-ing lên overflow: auto hiệu ứng cơ bản về một yếu tố

+6

Trên iPad, điều này dường như không hiển thị thanh cuộn và bạn vẫn phải sử dụng 2 ngón tay. Có cách nào để hiển thị thanh cuộn và có cuộn 1 ngón tay không? – Elie

27

sử dụng HAI ngón tay trên div !!! Đó là nó

+2

Nó hoạt động nhưng hầu hết người dùng sẽ không bao giờ tìm ra. Cần phải làm cho họ biết bằng cách nào đó ... –

+0

Đồng ý .. Tôi sẽ không bao giờ cố gắng để di chuyển w hai ngón tay. – Damon

30

Css Giải pháp

-webkit-overflow-scrolling: touch; 
+0

Tuyệt vời, hoạt động như phép thuật trên iPad2 của tôi –

+1

Trong khi tính năng này hoạt động, có vấn đề với các yếu tố đang được định vị hoàn toàn. Ví dụ: tôi có một mẹo công cụ bên trong vùng chứa của tôi cùng với một vài phần tử biểu mẫu. Mẹo công cụ ẩn bên dưới các phần tử biểu mẫu nếu bạn thêm -webkit-overflow-scrolling: chạm vào. Ngoài ra, bạn có thể nhận thấy rằng các yếu tố nhất định có thể trở thành vô hình nếu chúng được định vị tương đối bên trong vùng chứa của bạn. Bạn có thể giải quyết vấn đề này bằng cách thiết lập thuộc tính biến đổi 3d, nhưng bạn vẫn sẽ gặp vấn đề với định vị tuyệt đối. –

+0

Trình tiết kiệm cuộc sống! Cảm ơn rất nhiều. – dotty

0

Tôi có vấn đề rất không bình thường cho iPhone 6 với di chuyển container, mà cha mẹ có max-height: 100%; Phong cách này bằng cách nào đó đã vô hiệu hóa cuộn. Khi tôi thay đổi kiểu vùng chứa của cha mẹ thành chiều cao: 100% nó hoạt động, nhưng điểm là giữ nguyên chiều cao tối đa. Vì vậy, việc sửa chữa là thêm

-webkit-transform: translate3d(0, 0, 0)

Hy vọng điều này là hữu ích, tôi đã mất toàn bộ buổi chiều chiến đấu với nó.

Các vấn đề liên quan