Javascript scrollIntoView() Metodu

Bu ders Tayfun Erbilen tarafından prototurk.com için hazırlanmıştır.
Kanala destek olmak için KATIL üzerinden size uygun seçeneği belirleyerek desteğinizi gösterebilirsiniz.
/ @prototurkcom
Yeni çıkardığım PHP Eğitim Setime gözatın!
udemy.com/php-egitim-seti/?co...
-- Sosyal Hesaplarım;
/ erbilennet
/ prototurkcom
/ tayfunerbilen
/ prototurkcom
/ tayfunerbilen

[@paradox2k604]

Ben bu kadar kaliteli bi kanal görmedim reklamı bile sona koymuşlar 👏

[@melihsan5740]

Abi aradığım bu ya işte çat çat çat çat tatava yapmadan full focus gevezeliksiz takır takır anlatım işte bu ya.Başkalarının videolarında ileriye almaktan konuya odaklanamıyordum ve GRANDMASTER ımı buldum.HARİKASIN ABİ.

[@emindogu51]

Eline sağlık...

[@FarukSavur]

Çok iyi bir içerik olmuş emeğine sağlık

[@bahlulhasanli]

Hocam adamsın! Kaç aydır bu problemi çözemiyordum projemde

[@Semih-nd3sq]

Abi css bitmişken js gelmesi iyi oldu. inşallah ara vermeden sonuna kadar devam edersin... severek izliyorum like ;)

[@mustafaeski]

bir çok derde deva bir eğitim. teşekkürler

[@burakboyraz1046]

Ağzına sağlık

[@weeseenman2248]

Teşekkürler 👍

[@karamanabdullah]

Önemli metotlardan biri teşekkürler hocam

[@ertugrulyagl61]

Harikasiniz Hocam!

[@turxanyusubov4704]

👍🏻👍🏻👍🏻

[@helloworld_123]

Abi hani javascript dersi çekmeyi dusunuyom demistin burda zaten js ile bir şeyler gösteriyorsun rica etsem açıklayıp anlatsanız nasıl olur ☺

[@asilbalaban]

çok iyi!

[@asilbalaban]

ben bu sorunu breadcrumbs.scrollLeft = breadcrumbs.scrollWidth; şeklinde çözüyordum.

[@PROTOTURKCOM]

aynı şekil ben de hesaplatıyordum ama gerek yokmuş :)

[@muhammetcantonbul8043]

Hocam birden çok çalışmasının sebebi addEventListener('scroll') , document de ki her scrollda o metota düşüyor.Dolayısıyla active classına sahip elemanı scroll yapmadan, o eventı dinlemeyi bırakmak gerekiyor sanki.

[@nikeajax]

Güzel video, elinize sağlık.
15:00 'da setTimeout içindeyken, scroll eventini remove etmek olayı çözer miydi diye düşündüm.
Denemek lazım tabi, bilemedim :)

[@PROTOTURKCOM]

valla bilemedim denemek lazım :D

[@cBllack]

Sondaki çözemediğin olay scroll eventi dinliyorsun. ikinci scroll çalıştığında da event tekrar çalışıyor neticede :) onun için tekrara düşüyor. bir kez tetiklenecek şekilde event ayarlarsan her seferinde tetiklenmemiş olur bence.

[@emregozleyici5321]

hocam iyi akşamlar smooth u eklememe rağmen birden geçiş yapmak çözümü nedir hocam

[@nurullahcakar3502]

1:34 ve 1:39 arasına bakıldığında, şarkıların böyle bulunduğunu çıkarımını yapabilir miyiz?

[@fireback1334]

Reis ben bi sitede bu fonksiyonu kullandım yayınladım ilk başlarda gayet iyi çalışıyordu şimdi sizin videonuzu görüp siteye girdim bu scrollIntoView çalışmıyor. Eelemntin event listenerlarına bakıyorım onlarda silinmiş ( windows 10, chrome ) Ama telefondan girdiğimde çalışıyor

[@PROTOTURKCOM]

silinmesini anlamadım ben, durduk yere mi silinmiş? mobilde de desktoptada chrome'da çalışıyor bir problem göremedim ben

[@peyniravcisi]

css scroll-snap bu lede bu işi çözemezmiyiz acaba abi

[@PROTOTURKCOM]

yok kardeşim scroll-snap ile çözemezsin scroll ettirme işlemi için yine javascript kullanmak zorunda kalacaksın

[@peyniravcisi]

@@PROTOTURKCOM anladım teşşekür ederim abi

[@aren624]

let target = document.querySelector("a").getAttribute('href').replace('#', '') yerine let target = document.activeElement.getAttribute('href').replace('#', '') bunu da kullanabiliriz