สถานที่:หน้าหลัก > รหัสเอฟเฟกต์พิเศษ JS > การนำทางและเมนู

ปลั๊กอินเมนูการนำทางที่ตอบสนองต่อ Bootstrap ในสไตล์อุปกรณ์ที่แตกต่าง

2020-06-25 129เรียกดู
รูปแบบต่างๆของเมนูการนำทางที่ตอบสนองบนอุปกรณ์ที่มีขนาดต่างกัน Bootstrap3 จะซ่อนปลั๊กอิน jQuery แถบด้านข้างแบบเลื่อน ปลั๊กอินแถบด้านข้างจะแสดงเมนูด้านบนแนวนอนตามปกติบนอุปกรณ์หน้าจอขนาดใหญ่และบนอุปกรณ์หน้าจอขนาดเล็กเช่นโทรศัพท์มือถือเมนูจะถูกแปลงเพื่อซ่อนแถบด้านข้างแบบเลื่อน Bootstrap จะซ่อนเมนูบนอุปกรณ์หน้าจอขนาดเล็กตามค่าเริ่มต้นและแสดงเฉพาะปุ่มแฮมเบอร์เกอร์ อย่างไรก็ตามเมนูที่ซ่อนอยู่จะไม่มีผลต่อการเลื่อน ปลั๊กอินแถบด้านข้าง offcanvas.js สามารถแปลงเมนูที่ซ่อนอยู่ของ Bootstrap เป็นเมนูแบบเลื่อนได้