Tôi có một menu thả xuống sử dụng cột css và khi tôi sử dụng trang trình bày jquery()
, nó sẽ thay đổi kích thước menu thả xuống và điều chỉnh lại nội dung cho đến khi đạt đến chiều cao tối đa.
Đây là một ví dụ hoạt động https://codepen.io/petergus/pen/dvrrGj
Có cách nào khác để chỉ cần vuốt xuống và hiển thị phần tử đã được thay đổi kích thước (chờ ở trạng thái display:none) không?
Bạn cần phải ul.sub-menu
Phần tử được bọc trong một vùng chứa khác và sau đó thay đổi kích thước:
Điều này sẽ yêu cầu cấu trúc lại CSS của bạn để phù hợp với những thay đổi. Bắt đầu với:
điều hướng {
position: relative;
}
nav > ul > li > .menu phụ {
position: absolute;
left: 0;
width: 100%;
display: none;
}
.menu phụ ul {
cột: 5;
width: 100%;
trái: 0px;
}
https://codepen.io/mblase75/pen/bqZJbg
Tôi là một lập trình viên xuất sắc, rất giỏi!