Đây là plnkr example.Hoạt ảnh CSS cho cả di chuột và chạm (iOS)
Về cơ bản có một phong cách như thế
.hover-block {
-webkit-transition: all 1s linear;
transition: all 1s linear;
}
.hover-block:active {
pointer-events: none;
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
.hover-block:hover {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
Tôi đang tìm cách hỗ trợ thường xanh và IE10/11, Chrome dành cho Android (4.4+), Mobile Safari (iOS 7 trở lên), và nó shouldn' làm tổn thương các sự kiện liên lạc khác (vuốt cuộn).
Dường như hoạt động như dự định trên mô phỏng thiết bị Android và Chrome, biến đổi không dính khi chạm là hành vi mong muốn.
Nhưng bằng cách nào đó người plunker này không hoạt động trên webkit iOS (iOS 8, tất cả các trình duyệt), nó không có gì liên lạc. Tôi khá chắc chắn rằng chính xác cùng một cách tiếp cận (khối phần tử, :active với pointer-events: none cộng :hover) đã làm việc cho tôi trong iOS 8 trước đây. Làm thế nào nó có thể được cố định?
Dường như trống touchstart/touchend JS xử lý sự kiện hoặc ontouchstart/ontouchend thuộc tính can activate touch behaviour on iOS (không thể chắc chắn nhưng nó có thể là nó xảy ra với tôi trước đó). Đây có phải là bản sửa lỗi đã biết cho sự cố hoặc có ít bản sửa lỗi hơn, phiên bản iOS nào bị ảnh hưởng không?
Liệu: tập trung làm bất cứ điều gì? – BillyNate
@BillyNate Không, không có thay đổi. – estus
Tôi nghĩ rằng không có giải pháp nào tốt hơn cho tình huống của bạn (. –