CSS overscroll behavior

Module CSS overscroll behavior cung cấp các thuộc tính để kiểm soát hành vi của scroll container khi vị trí cuộn của nó đạt đến scroll boundary. Kiểm soát khía cạnh này đặc biệt hữu ích trong các tình huống mà các vùng có thể cuộn được nhúng không nên kích hoạt cuộn trên container cha.

Khi bình luận trên một blog, bạn có thể nhận thấy rằng nếu bình luận của bạn vượt quá độ dài của <textarea> được cung cấp, cuộn quá cuối vùng văn bản sẽ khiến toàn bộ blog cuộn. Điều này là vì khi đạt đến cuối vùng có thể cuộn, được gọi là scroll boundary, có thể dẫn đến cuộn nội dung khác hoặc toàn bộ trang. Trải nghiệm cuộn liên tục này được gọi là scroll chaining.

Trong các tình huống mà nội dung của một phần tử lớn hơn container của nó và overflow cho phép hoặc mặc định là cuộn (như trong <textarea>), tiếp tục cuộn qua vùng có thể cuộn của phần tử sẽ khởi tạo cuộn trong phần tử cha hoặc trang nền.

Ngược lại, cuộn qua điều khoản và điều kiện của một trang web và đến cuối nội dung để bật một hộp kiểm, có thể không buộc trang cuộn hoặc bật lại (như trên điện thoại). Ví dụ này cho thấy bạn có thể kiểm soát hành vi overscroll và ngăn scroll chaining.

Module này định nghĩa hành vi overscroll, cho phép bạn chỉ định các hành động khi người dùng cuộn vượt quá ranh giới của phần tử có thể cuộn.