Tôi có một danh sách ul lồng nhau như thế này:
Tôi đang cố gắng để mỗi ul có một thanh cuộn. Sau bao ngày vật lộn, đây là những gì tôi có: https://jsfiddle.net/yaeqouem/3/
Chỉ cần nhấp vào liên kết "Kiểm tra tại đây" để xem kết quả.
Như bạn có thể thấy, thanh cuộn xuất hiện ở con cuối cùng (ul màu đỏ) và nó hoạt động. Nhưng khi tôi thêm tràn-y:auto hoặc cuộn đến giữa ul (cái màu xanh) thì nó sẽ phá vỡ vị trí của ul màu đỏ.
Tôi đã thử đặt z-index và !important ở vị trí của ul màu đỏ nhưng không thành công.
Vấn đề của tôi có thể được giải quyết bằng css không? Hay tôi phải sử dụng JavaScript hay gì đó
非常感谢任何帮助!
gia hạn
Đây là điều tôi đang cố gắng đạt được
Thêm tràn: tự động vào lớp subcat
// Con ul
.subcat {
chiều cao: 100%;
vị trí: tuyệt đối !quan trọng;
top: 0;
trái: 100%;
width: 100%;
đường viền: 1px màu xanh đậm;
lề trái: 10%;
display: none;
kiểu danh sách: không có;
text-align: center;
padding: 0;
tràn: tự động;
// Không hoạt động, ẩn màu đỏ ul.
// tràn-x: ẩn;
// tràn-y: tự động;
// chỉ số z: 999;
}
Vui lòng kiểm tra câu đố js sau https://jsfiddle.net/yaeqouem/5/
Về jquery - Cách thêm thanh cuộn vào mỗi
trong danh sách lồng nhau mà không phá hủy vị trí của mỗi
Tôi là một lập trình viên xuất sắc, rất giỏi!