Cara kerja sajian navigasi animasi push content yakni dengan mengubah lebar menu, dari 0px menjadi 250px, dan diikuti dengan pergeseran konten sejauh lebar sajian navigasi. Contohnya dapat dilihat pada demo sajian navigasi di bawah ini.
Tambahkan arahan script berikut, letakkan di atas arahan
Catatan: kalau Anda menentukan untuk menciptakan sajian navigasi samping kanan, ubah juga arahan pada script,
Contoh Menu Navigasi Samping (side Navigation) mendorong konten dengan animasi
Klik tombol sajian di atas untuk menjalankan sajian navigasi.
Tambahkan arahan script berikut, letakkan di atas arahan
</body> <script> function openNav() { document.getElementById("myNavix").style.width = "250px"; document.getElementById("main-nav").style.marginLeft = "250px"; } function closeNav() { document.getElementById("myNavix").style.width = "0"; document.getElementById("main-nav").style.marginLeft = "0"; } </script>Catatan: kalau Anda menentukan untuk menciptakan sajian navigasi samping kanan, ubah juga arahan pada script,
marginLeft menjadi marginRight.
