webkit css thanh cuộn kiểu dáng

Question

Có cách nào để loại bỏ hoàn toàn cuộn đi không? Hoặc làm cho nó che phủ nội dung thay vì đẩy nó sang một bên? Giống như thanh cuộn iOS/Lion?

Sau đây là khá gần, nhưng mặc dù bản nhạc trong suốt, nội dung của vùng có thể cuộn được đẩy lên và nền trang hiển thị qua.

::-webkit-scrollbar { 
    width:8px; 
    height:8px; 
    -webkit-border-radius: 4px; 
} 

::-webkit-scrollbar-track, 
::-webkit-scrollbar-track-piece { 
    background-color:transparent; 
} 

::-webkit-scrollbar-thumb { 
    background-color: rgba(053, 057, 071, 0.3); 
    width: 6px; 
    height: 6px; 
    -webkit-border-radius:4px; 
} 

Answer 1

Hmm, tôi nghĩ rằng tôi đã trả lời một này trước đây, có lẽ không:

• Ẩn tràn trên cơ thể
• quấn toàn bộ nội dung của trang web hoặc bất cứ điều gì bạn đang di chuyển với một div,
• Thuộc tính css không hợp lệ cho số div (tràn: cuộn hoặc tràn-y: cuộn).

Bây giờ bạn có thể đặt css theo dõi thành bất kỳ độ mờ nào bằng rgba (0,0,0,0,3) vì cuộn không phải là một phần của phần thân.

Một mẹo để tùy biến thanh cuộn firefox nếu bạn muốn thử nghiệm là:

• Do điều tràn và để che phủ các thanh cuộn (thông qua z-index) với một div minh bạch của bất cứ màu sắc mà bạn thích,
• Định vị div trên toàn bộ phần cuộn (có thể giống như vị trí: tuyệt đối; phải: 0; nếu bạn đang sử dụng cuộn cho toàn bộ cửa sổ)
• Sử dụng sự kiện con trỏ: không; trên divs css để làm cho nó nửa công khai.

Nó sẽ cung cấp cho cuộn firefox một chút màu/kết cấu. (Có thể là lý tưởng để buộc các cuộn bên phải để so sánh)

Tôi đã không thử nó chưa nhưng nó không-thể