Learn JavaScript In Arabic 2021 - #109 - Scroll, ScrollTo, ScrollBy, Focus, Print, Stop

Scroll, ScrollTo, ScrollBy, Focus, Print, Stop

Study Plan:

Code & Notice:

Assignments:

=============================

Support Me on Patreon to Help me Create More Videos

I will be Very Happy if you Support my Channel.

Join Our Facebook Group:

Follow My Facebook Profile:

Like Facebook Page:

Follow Me On Twitter:

[عبداللهمحمودعبدالهاديفاضل]

شرحك ممتع حبيبي, ربنا يحشرك مع رسول الله, فهمت الدرس بنسبة 100% انتي ملهم ما شاء الله عليك

[gamersyriapubgmobile]

جزاك الله خيرا يا بشمهندس و شكرا على هذا المجهود الرائع
زادك الله علمًا ورفعك قدرًا و جعل هذا العلم النافع فى ميزان حسناتك💗

[Mustaqbal]

top top Iam from morocco Thank' You

[barmja-Tech]

عظمة علي عظمة كالعادة يا بشمهندس

ربنا يوفقك ويجزاك خير علي الي بتقدمه للناس من علم بكل حب

هفضل احطلك الكومنت دا علي كل فيديو اذاكره في الكورس دا لحد ما يخلص

[quran]

لا اله الا الله وحده لا شريك له له الملك وله الحمد وهو على كل شيء قدير

[abdalrzakal-mustafa]

❤❤ جزاك الله ووالديك عنا خير الجزاء ❤❤

[hamza_omari]

Chrome is so fast that your scrollTo() action fires before Chrome's default scroll to html anchor event.
Give it a tiny delay by using

setTimeout(() => {
window.scrollTo(5000, 5000) ;
}, 1000);

[A-h-m-e-d_S-a-m-y]

بس هى مش شغاله عندى ليه؟

window.scrollTo({
left: 200,
top: 30,
behavior: "smooth"
})
هى debrecated ولا حاجه؟

[moem]

بعمل ال focus مش بيظهر اي شى اللي يعرف حل اتمنى يقول

[muhammedhassan]

Can I control how smooth the scroll will be using only vanilla JavaScript ?
also I noticed the "smooth" behavior on chrome is different from the one on FireFox

[tigo]

let bt_scr =
bt_scr.style.cssText = `position: fixed; bottom: 10px; right: 10px; width: 20px; background-color: brown; color: aquamarine;`;
bt_scr.innerHTML = "↑";
bt_scr.id = "bt_scr";


document.body.style.cssText = `min-height: 20000px;`;

window.onscroll = function () {
if (window.scrollY < 1000) {
bt_scr.className = "none";
} else {
bt_scr.className = "";
}
};

bt_scr.onclick = function () {
window.scrollTo({ top: 0, behavior: "smooth" });
};