كيفية إخفاء شريط التنقل عند التمرير لأسفل باستخدام HTML CSS وجافا سكريبت

ستتعلم اليوم في هذه المدونة كيفية إخفاء شريط التنقل عند التمرير لأسفل باستخدام HTML CSS وجافا سكريبت

مرحبًا أيها القراء ، ستتعلم اليوم في هذه المدونة كيفية إخفاء شريط التنقل عند التمرير لأسفل باستخدام HTML CSS وجافا سكريبت. كما رأيت في العديد من مواقع الويب ، يوجد شريط قائمة التنقل وعندما تقوم بالتمرير لأسفل هذا شريط التنقل أو إخفاء شريط التنقل تلقائيًا.
 
لا تزال هذه التصميمات أو الميزات في الاتجاه وتستخدم من قبل العديد من مواقع الويب. لقد قمت سابقًا بمشاركة شريط التنقل المتجاوب باستخدام HTML و CSS فقط. حان الوقت الآن لإنشاء شريط التنقل وإخفائه عند التمرير لأسفل باستخدام JavaScript.

شريط التنقل هو عنصر واجهة مستخدم داخل صفحة ويب تحتوي على روابط لإعادة توجيه أقسام أخرى من موقع الويب. يتم استخدام شريط التنقل في موقع الويب بشكل شائع لعرض قائمة أفقية بالارتباطات أعلى كل صفحة. قد يكون أسفل العنوان / شريط التنقل أو الشعار ، ولكن يتم وضعه دائمًا قبل المحتوى الرئيسي لصفحة الويب.

اليوم في هذه المدونة ، سأشارك معك هذا البرنامج (قم بالتمرير لأسفل لإخفاء شريط التنقل). في البداية ، يوجد على صفحة الويب شريط التنقل وبعض النصوص الوهمية. وعندما تقوم بالتمرير لأسفل ، سيختفي شريط قائمة التنقل العلوي وعندما تقوم بالتمرير لأعلى ، سيظهر شريط التنقل المخفي هذا. تتم هذه المهمة فقط باستخدام JavaScript.

إذا كنت تشعر بصعوبة في فهم ما أقوله. يمكنك مشاهدة فيديو تعليمي كامل على هذا البرنامج (قم بالتمرير لأسفل لإخفاء شريط التنقل باستخدام HTML CSS وجافا سكريبت).

إذا كنت مبتدئًا ولديك معرفة أساسية بـ HTML CSS & JavaScript ، فيمكنك أيضًا إنشاء هذا النوع من شريط التنقل واستخدامه في مشاريعك ومواقعك على الويب. إذا كنت تبحث عن الرموز المستجيبة لشريط التنقل هذا أو شريط قائمة التنقل ، فانقر هنا. لقد قمت بالفعل بتحميل العديد من المدونات والأكواد المتعلقة بهذا البرنامج.

إذا كنت تحب هذا البرنامج (قم بالتمرير لأسفل لإخفاء شريط التنقل باستخدام HTML CSS وجافا سكريبت) وتريد الحصول على أكواد المصدر. يمكنك بسهولة الحصول على الأكواد المصدرية لهذا البرنامج. للحصول على أكواد المصدر ، تحتاج فقط إلى التمرير لأسفل.

قم بالتمرير لأسفل لإخفاء شريط التنقل
لإنشاء هذا البرنامج (قم بالتمرير لأسفل لإخفاء شريط التنقل). أولاً ، تحتاج إلى تحميل ملف الاكواد من زر التحميل

الملفات

ما هو رد فعلك؟

like

dislike

love

funny

angry

sad

wow