اذهب إلى المحتوى
  • 0

كيف يمكن تطبيق الانتقال بسلاسة أو انزلاق في استعمال قائمة التنقل في صفحة الويب

Diya Aldeen

السؤال

لدي قائمة تصفح Navigation bar. أريد تطبيق انتقال سلس عليها smooth scroll  باستخدام ال JavaScript , كيف ممكن عمل الفكرة؟ 

جربت طرق كثيرة ومواقع كثيرة و حضرت فيديوهات كثيرة و لكن لم يعمل معي.

مرفق الملف مضغوط: landing-page.zip

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 0

لما قد تتجه للجافاسكربت في حين أنه يمكنك عمل الفكرة مباشرة عن طريق قاعدة css بسيطة؟ 

أضف هذا التعريف الى ملف التنسيقات styles.css لديك:

html{
      scroll-behavior: smooth;
}

يعطي هذا التعريف انتقالا سلسا بين عناصر الوثيقة. يمكنك التماس ذلك عن طريق استعمال قائمة التنقل.

تعرف أكثر عن تأثيرات التمرير في صفحات الويب باستخدام Javascript و CSS في هاته السلسلة:

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...