امیر محمد
3 سال پیش توسط امیر محمد مطرح شد
6 پاسخ

شناور كردن header

چگونه ميتوانم هدرم را شناور كنم طوري كه هر چقدر پايين بريم هدر هم با ما بياد.


ثبت پرسش جدید
میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 3 سال پیش مطرح شد
صدرا
تخصص : برنامه نویسی تحت وب
@sadra.dev 3 سال پیش مطرح شد
5

با سلام و درود آقای امیر محمد .
اصولا میشه با چند خط کد این کار را انجام داد .
من یک کد نوشتن که در پایین میگذارم شما طبق اون چیز هایی که توی کد پایین توضیح دادم پیش بروید . با کد های css میتونید این کار رو انجام بدید با ده خط زیر :

<style>
    body {
      <!-- الزامی -->
    }

    .fixed {
      position: fixed;
      width: 200px;
      height: 100px;
      top: 8px;
      left: 8px;
    }
  </style>

باید به هدرت یه کلاس بدید با عنوان fixed مثل کد زیر :

<div class="fixed">
  <!-- در اینجا منویی که ساختید رو بزارید-->
  </div>

به جای دیو میتونید کلاس رو توی <header> یا <nev> یا هر کدی که توش منو رو گذاشتید بزارید

اگه براتون سخت بود یه کدی که خودم ساختم رو پایین میزارم شما طق راهنما هایی که توی کد دادم پیش بروید :

<!doctype html>
<html lang="fa">
<head>
  <meta charset="utf-8">

  <style>
    body {
      <!-- الزامی -->
    }

    .fixed {
      position: fixed;
      width: 200px;
      height: 100px;
      top: 8px;
      left: 8px;
    }
  </style>

</head>
<body>

<div class="fixed">
  <!-- در اینجا منویی که ساختید رو بزارید-->
  </div>

<!-- محتوای سایت -->

</body>
</html>

با تشکر . موفق و پیروز باشد.....


میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 3 سال پیش مطرح شد
1

به نظرم این حالت مناسب تر از نوارهای فهرست ثابت هستش:
https://www.w3schools.com/howto/howto_js_navbar_hide_scroll.asp


Sahandi81
تخصص : PHP - Laravel -JS
@sahandi81 3 سال پیش مطرح شد
3

کار خودتو سخت نکن
به تگ پدر هدرت یه پوزیشن فیکسد بده
position: fixed
تامام


omid ebrahimi
@omidebrahimi064 3 سال پیش مطرح شد
1

سلام خسته نباشید
به تگ header
position: fixed
بدی کارت راه میوفته


محمد رستمی
تخصص : طراح و برنامه نویس وب
@mohammadphp 3 سال پیش مطرح شد
0

در باره sticky navbar سرچ کن


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام