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

جافا سكريبت | لماذا لا يظهر الـ button بعد وصول الـ scroll إلى المكان المحدد في هذه الحالة ؟

مصطفى اوريك

السؤال

لماذا زر الـ <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.

  • إعلانات

  • تابعنا على



×
×
  • أضف...