Chris cuộc gọi bóng cuộn một CSS-Tricks yêu thích của anh ấy mọi thời đại. Lea Verou phổ biến phương pháp tiếp cận CSS thuần túy sử dụng bốn gradient nền nhiều lớp với một số background-attachment ma thuật. Kết quả là một tương tác cuộn mượt mà cung cấp cho người dùng gợi ý rằng nội dung bổ sung có sẵn trong vùng chứa có thể cuộn.
Chỉ một vấn đề: nó đã phá vỡ trong Safari iOS 13. Một ngày, tất cả đều tốt. Tiếp theo, không quá nhiều. Và đó không phải là điều duy nhất bị ảnh hưởng. Hiệu ứng thị sai chỉ CSS của Keith Clark cũng ngừng hoạt động ngay sau đó.
Chà, bạn đọc Ronald đã viết trong để nói rằng tất cả đang hoạt động một lần nữa! Trên thực tế, tôi đang viết bài này trên iPad của mình (Safari 15.5) ngay bây giờ và bản demo của Chris trông sắc nét hơn bao giờ hết. Keith's cũng vậy bản trình diễn ban đầu.
Vì vậy, điều gì đã phá vỡ nó? Chúng tôi vẫn chưa biết. Nhưng Ghi chú phát hành Safari 13 cung cấp manh mối:
- Đã thêm hỗ trợ cho cuộn tăng tốc bằng một ngón tay cho tất cả các khung và
overflow:scrollcác yếu tố loại bỏ sự cần thiết phảiset-webkit-overflow-scrolling: touch.- Đã thay đổi hành vi mặc định trên iPad cho các trang web rộng có thẻ meta đáp ứng yêu cầu cuộn ngang. Các trang được chia tỷ lệ để ngăn cuộn ngang và bất kỳ văn bản nào cũng được thay đổi kích thước để đảm bảo tính dễ đọc.
Nó đã được sửa khi nào và cái gì đã sửa nó? Vâng, về phía bóng cuộn, Safari 15.4 bao gồm một số làm việc trên background-attachment: local điều đó có thể đã thực hiện thủ thuật. Về mặt thị sai, Safari 14.1 thêm hỗ trợ cho các thuộc tính biến đổi riêng lẻ… vì vậy có thể điều đó?
