Có vẻ như áp dụng thuộc tính webkit-transform trên một phần tử hoặc cha mẹ của nó có webkit-over-flowing-scrolling: touch hoàn toàn phá vỡ cuộn trong cuộn đó không hoạt động chút nào.xung đột chạm vào tràn bộ lọc webkit với chuyển đổi webkit
Có ai gặp lỗi này và biết giải pháp không?
hiện tại (hacky) Giải pháp của tôi trông như thế này:
$container.one 'webkitAnimationEnd', ->
$container.find('.contents').remove()
$container.append('.contents')
Về cơ bản tôi đang loại bỏ và sau đó lại thêm các nội dung của div cuộn sau khi hình ảnh động kết thúc. Hy vọng rằng ai đó có một giải pháp tốt hơn cho việc này.
Tôi gặp vấn đề tương tự, và nó chỉ biến mất nếu tôi mương -webkit-transform và chuyển sang vị trí tuyệt đối. Điều này sẽ không sao, ngoại trừ việc định vị tuyệt đối dẫn đến hiệu suất tồi tệ và hoạt ảnh bị tắt trên iOS, không thể khắc phục được trên iOS 6+ với các hack tăng tốc phần cứng bắt buộc trước đây là translateZ và translate3D.
tôi đã tìm ra một hack, nhưng nó là như vậy xấu xí và thực sự xấu xí mà bạn có thể không muốn đọc thêm nữa:
Lấy yếu tố chúng ta muốn áp dụng -webkit-overflow-scrolling:touch đến và tách nó hoàn toàn từ các yếu tố chúng tôi áp dụng -webkit-transform. Sử dụng thao tác z-index để làm cho phần tử cuộn xuất hiện ở cùng một vị trí ban đầu, trong khi giữ lại -webkit-transform để làm vùng chứa ban đầu (bây giờ là vùng chứa trống) để hoạt ảnh tự động vào vị trí một cách tự nhiên. Trong trường hợp của tôi, hack này ngắn ngủi, bởi vì nội dung có thể cuộn sẽ xuất hiện đột ngột trên đầu trang của container hoạt hình, thay vì trượt cùng với nó.