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

السؤال

نشر

لماذا زر الـ <button> لا يظهر بعد تمرير الصفحة إلى الأسفل 600px ؟

أعرف أنه علي وضع الشروط داخل هذا كود :

window.onscroll = function () {}

لكن لماذا تلك الشروط لن تعمل إن لم أضعها فيه ؟

Recommended Posts

  • 0
نشر
بتاريخ 26 دقائق مضت قال مصطفى اوريك:

لكن لماذا تلك الشروط لن تعمل إن لم أضعها فيه ؟

لاحظ أن الشيفرات التي كتبتها سوف يتم تنفيذهامرة واحدة:

      if (window.scrollY >= 600) {
        btn.style.display = 'block'
      } else {
        btn.style.display = 'none'
      }

أما في الدالة 

window.onscroll = function () {}

سيتم تنفيذ الشيفرات ضمنها في كل مرة يحدث تمرير في الصفحة onscroll هذا مستمع أحداث action listener 

مثله مثل الدالة:

btn.onclick = function () { }

التي تنتظر حدث النقر على الزر ليتم تنفيذ شيفرتها.

  • 0
نشر
بتاريخ 14 دقائق مضت قال Wael Aljamal:

لاحظ أن الشيفرات التي كتبتها سوف يتم تنفيذهامرة واحدة:



 

لكن الزر لم يظهر لي و لو مرة واحدة ؟

  • 0
نشر
بتاريخ 4 دقائق مضت قال مصطفى اوريك:

لكن الزر لم يظهر لي و لو مرة واحدة ؟

عليك فقط عمل scroll وتحرك الصفحة للأسفل وتحديث الصفحة، سيظهر الزر ولن يختفي (في الحالة العادية) 

وبعد تعديل الشيفرة ووضعها في الدالة ستعمل بشطل سليم

 

أقصد أنت تحدد scroll معين في الصفحة وتحدثها، وستتم معالجة الشيفرة مرة واحدة، إما يظهر أو يختفي

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

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

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

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   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.

  • إعلانات

  • تابعنا على



×
×
  • أضف...