Cuộn hoạt hình css
Hàm CSS Show Hàm được sử dụng để chỉ định xem phần tử cung cấp dòng thời gian cuộn là phần tử gốc hay phần tử tổ tiên gần nhất có bất kỳ thanh cuộn nào. Nó cũng đặt trục cuộn nào cung cấp dòng thời gian cuộn Lưu ý rằng nếu trục được chỉ định không chứa thanh cuộn thì dòng thời gian hoạt ảnh sẽ không hoạt động (không có tiến trình)
Các giá trị được phép để biểu thị phần tử sẽ cung cấp dòng thời gian cuộn nearest (Mặc định) Cha đầu tiên của phần tử này có thanh cuộn ở một trong hai trục root phần tử gốc Các giá trị được phép cho trục thanh cuộn là block (Mặc định) Thanh cuộn trong trục khối của hộp chứa cuộn. Trục khối là hướng vuông góc với dòng văn bản trong một dòng. Đối với chế độ viết ngang, chẳng hạn như tiếng Anh tiêu chuẩn, điều này giống như 0, trong khi đối với chế độ viết dọc, nó giống như 1 2 Thanh cuộn trong trục nội tuyến của vùng chứa cuộn. Trục nội tuyến là hướng song song với dòng văn bản trong một dòng. Đối với chế độ viết ngang, trục này giống với trục 1, trong khi đối với chế độ viết dọc, trục này giống với trục 0 0 Thanh cuộn trong trục dọc của hộp chứa cuộn 1 Thanh cuộn trong trục ngang của hộp chứa cuộn
Phần tử 7 được tạo hoạt ảnh bằng cách sử dụng dòng thời gian của thanh cuộn ẩn danh, được áp dụng cho phần tử được tạo hoạt ảnh bằng cách sử dụng ký hiệu chức năng scroll() . Dòng thời gian trong ví dụ cụ thể này được cung cấp bởi phần tử cha gần nhất có (bất kỳ) thanh cuộn nào, từ thanh cuộn theo hướng khốiHTMLHTML cho ví dụ được hiển thị bên dưới
CSSCSS bên dưới xác định một hình vuông xoay theo các hướng khác nhau theo dòng thời gian được cung cấp bởi thuộc tính 0, có nghĩa là nó sẽ chọn thanh cuộn theo hướng khối của phần tử tổ tiên gần nhất có thanh cuộn; Lưu ý rằng các tùy chọn 1 bên dưới thực sự là mặc định, vì vậy chúng tôi có thể thay vào đó chỉ cần có. scroll()
CSS cho vùng chứa đặt chiều cao của nó thành 300px và chúng tôi cũng đặt vùng chứa để tạo thanh cuộn dọc nếu nó tràn. CSS "cáng" đặt chiều cao khối thành 600px, điều này buộc phần tử vùng chứa tràn ra ngoài. Cả hai cùng nhau đảm bảo rằng vùng chứa có thanh cuộn dọc, cho phép nó được sử dụng làm nguồn của dòng thời gian thanh cuộn ẩn danh |