23

Tôi đã triển khai thực đơn trượt từ trái sang phải trong trang web bootstrap 3.0 của tôi bằng cách sử dụng mmenu. Tuy nhiên, các màn trình diễn trong Android (Samsung Galaxy) không lý tưởng. Tôi cũng có trình đơn thu gọn mặc định (menu thả xuống) hoạt động tốt hơn nhiều.Bootstrap 3.0 Menu trượt từ trái

Tôi đã tự hỏi liệu có ai trong số các bạn có giải pháp để cải thiện menu bên trái không? Có bất kỳ thành phần Bootstrap 3.0 nào có thể làm điều đó và mượt mà như trình đơn thả xuống mặc định không? (không thể tìm thấy bất cứ điều gì được đề cập trong tài liệu)? hoặc bất kỳ đề xuất nào khác?

+3

Nhìn vào địa chỉ http: // getbootstrap .com/example/offcanvas/hoặc http://stackoverflow.com/questions/16871718/toggle-sidebar-on-mobile-device-with-twitter-bootstrap-2-x có lẽ –

+0

Cảm ơn bạn thân. Tôi đã kết thúc bằng việc sử dụng các con tàu ngoài khơi. Chỉ một vài sự cố về hiệu suất trên các điện thoại khác so với iphones. – Syl

+0

bản sao có thể có của [Bootsrap 3 và mmenu] (http://stackoverflow.com/questions/20280789/bootsrap-3-and-mmenu) – zessx

Trả lời

14

Tôi tin rằng mặc dù javascript là một lựa chọn ở đây, bạn có một hoạt hình mượt mà hơn thông qua việc buộc phần cứng tăng tốc với CSS3. Bạn có thể đạt được điều này bằng cách thiết lập các thuộc tính CSS3 sau trên div di chuyển:

div.hardware-accelarate { 
    -webkit-transform: translate3d(0,0,0); 
     -moz-transform: translate3d(0,0,0); 
     -ms-transform: translate3d(0,0,0); 
      -o-transform: translate3d(0,0,0); 
      transform: translate3d(0,0,0); 
} 

Tôi đã thực hiện một thiết lập plunkr cho ya'll để thử nghiệm và tinh chỉnh ...