08-21-2018، 01:25 PM
در html فقط به یک کد ساده نیاز دارید تا بتوانید نوار منو ناوبری را به صورت ثابت نگه دارید. با اجراء کد زیر در html، نوار ناوبری در سطح ثابت نگه داشته می شود.
<nav class="fixed-nav-bar">
nav>
عنصر nav یک عنصر بلاک لول است که می توان یک خط css را به آن اضافه کرد. همان طور که مشخص است سه ویژگی سه بعدی ( طول،عرض و ارتفاع) متغیر هستند و این امکان را فراهم می کنند که استایل ها تغییر کنند.
; position: fixed
با این کد می توان یک موقعیت ثابت ایجاد کرد. این کد اجازه می دهد که حتی زمانی که کاربر اسکرول می کند، آن عنصر همچنان ثابت باقی بماند.
; top: 0
; left: 0
; right: 0
با قرار دادن این کدها می توان حاشیه را تنظیم کرد. در نسخه نمایشی یک نوار ناوبری ریسپانسیو، استایل بندی های ابتدایی نیز وجود دارد. پیاده سازی یک نوار ناوبری ثابت، بسیار ساده است. روشی که در اینجا گفته شد، با تمام مرورگر ها سازگاری دارد. زیرا فقط از css استفاده می کند. حتی می تواند در برخی از مرورگرهای قدیمی نیز به درستی کار کند.
طراحی ناوبری ثابت در دارکوب
<nav class="fixed-nav-bar">
nav>
عنصر nav یک عنصر بلاک لول است که می توان یک خط css را به آن اضافه کرد. همان طور که مشخص است سه ویژگی سه بعدی ( طول،عرض و ارتفاع) متغیر هستند و این امکان را فراهم می کنند که استایل ها تغییر کنند.
; position: fixed
با این کد می توان یک موقعیت ثابت ایجاد کرد. این کد اجازه می دهد که حتی زمانی که کاربر اسکرول می کند، آن عنصر همچنان ثابت باقی بماند.
; top: 0
; left: 0
; right: 0
با قرار دادن این کدها می توان حاشیه را تنظیم کرد. در نسخه نمایشی یک نوار ناوبری ریسپانسیو، استایل بندی های ابتدایی نیز وجود دارد. پیاده سازی یک نوار ناوبری ثابت، بسیار ساده است. روشی که در اینجا گفته شد، با تمام مرورگر ها سازگاری دارد. زیرا فقط از css استفاده می کند. حتی می تواند در برخی از مرورگرهای قدیمی نیز به درستی کار کند.
طراحی ناوبری ثابت در دارکوب