2012-09-19 33 views
5

Tôi gặp sự cố với thuộc tính tràn css cho thành phần thả xuống khởi động twitter với menu phụ.Làm thế nào để thiết lập tràn trong danh sách thả xuống bootstrap twitter với menu con?

Khi đặt chiều cao và chiều cao tối đa để tự động thanh cuộn xuất hiện trong danh sách, nhưng menu phụ sẽ nằm trong danh sách thả xuống dưới cuộn ngang, không phải là thứ tôi cần.

Đây là ví dụ về vấn đề này.

http://jsfiddle.net/ftMhv/1/

tôi đã cố gắng thay đổi giá trị overflow-x và overflow-y, nhưng không ai trong số họ làm việc tốt.

+0

Bạn có thể muốn thử một số plugin jQuery như sau: http://www.smoothdivscroll.com/ Tuy nhiên, tôi vẫn chưa tìm ra cách áp dụng nó. – keaukraine

+1

cũng là lý do tràn-x và tràn-y không hoạt động tốt có lẽ là do http://stackoverflow.com/questions/6421966/css-overflow-x-visible-and-overflow-y-hidden-causes này -thanh cuộn . Ngoài ra, hành vi lý tưởng của bạn là gì? – hajpoj

+0

@hajpoj Vâng, tôi cũng tin rằng đây là vấn đề cơ bản của câu hỏi này. Đó là lý do tại sao tôi đề xuất sử dụng một số plugin JS thay vì cuộn bằng thuộc tính 'tràn '. – keaukraine

Trả lời

1

Khi sử dụng tràn trong vấn đề bạn mô tả nó sẽ ẩn tất cả trẻ em trong đó. Thật không may có thực sự là không có cách nào xung quanh nó.

Tại sao bạn cần menu thả xuống điều hướng cuộn? Có phải vì nó quá dài?

Tôi khuyên bạn nên thử phương pháp tiếp cận theo cột nếu trường hợp đó xảy ra. Có <div> trong một số <li>float: left; và sau đó đặt menu con bên trong chúng.

Xin lỗi, nhưng tôi nghĩ đây là câu trả lời duy nhất cho vấn đề của bạn.

Chỉnh sửa: Bạn có thể sử dụng javascript và jquery để tạo vùng chứa nổi vị trí hoàn toàn hiển thị tại tọa độ của chuột của người dùng. Điều đó có lẽ sẽ nhận được khá lông và phức tạp mặc dù.

Các vấn đề liên quan