Momentum Scrolling trên iOS Overflow Elements - Thủ thuật CSS

Anonim

Các trang web trên iOS theo mặc định có kiểu cuộn theo kiểu “động lực” trong đó một cái chạm ngón tay sẽ khiến trang web cuộn và nó tiếp tục cho đến khi cuối cùng chậm lại và dừng lại như thể ma sát đang làm chậm nó. Giống như nếu bạn đẩy một quả bóng khúc côn cầu qua băng hay thứ gì đó. Bạn có thể nghĩ rằng bất kỳ phần tử nào có chức năng cuộn cũng sẽ có hành vi này, nhưng không phải vậy. Bạn có thể thêm lại nó bằng một thuộc tính đặc biệt.

.module ( width: 300px; height: 200px; overflow-y: scroll; /* has to be scroll, not auto */ -webkit-overflow-scrolling: touch; )
Kiểm tra cây bút này!