Tính năng "pull-down-to-refresh" (kéo xuống để làm mới) đã thay thế nút làm mới ẩn trong menu của Chrome trên Android. Tuy nhiên, một số ứng dụng web không cần tính năng này.
Giải pháp CSS
Sử dụng thuộc tính overscroll-behavior-y để vô hiệu hóa hành vi cuộn quá giới hạn (overscroll) bao gồm cả pull-to-refresh:
body {
/* Vô hiệu hóa pull-to-refresh */
/* Vẫn cho phép hiệu ứng phát sáng khi cuộn quá đầu/cuối */
overscroll-behavior-y: contain;
}
Giải thích
overscroll-behavior-y: contain- Ngăn chặn việc cuộn lan truyền đến khu vực gốc (viewport) và vô hiệu hóa pull-to-refresh, nhưng vẫn giữ hiệu ứng "glow" (phát sáng) ở cạnh màn hình.overscroll-behavior-y: none- Vô hiệu hóa hoàn toàn cả hiệu ứng glow và pull-to-refresh.
Lưu ý: Thuộc tính này được hỗ trợ trên các trình duyệt hiện đại (Chrome 63+, Firefox 59+, Edge 18+).