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

  بتاريخ On 26‏/9‏/2021 at 22:30 قال مصطفى اوريك:

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

أظهر المزيد  

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

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

أما في الدالة 

window.onscroll = function () {}

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

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

btn.onclick = function () { }

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

  بتاريخ On 26‏/9‏/2021 at 22:59 قال Wael Aljamal:

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

أظهر المزيد  

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

  بتاريخ On 26‏/9‏/2021 at 23:16 قال مصطفى اوريك:

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

أظهر المزيد  

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

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

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