[]
webcilere dikey - yatay scrool sorusu
arkadaşlar selam,
apple in bir sayfasında denk geldim, aşağı kaydırdıkça sayfa sağa gidiyor, ama dikey scrool aşağı gidiyor, bunu nasıl yapıyorlar, bu tarzın bir adı var mı.
örn.
www.apple.com
apple in bir sayfasında denk geldim, aşağı kaydırdıkça sayfa sağa gidiyor, ama dikey scrool aşağı gidiyor, bunu nasıl yapıyorlar, bu tarzın bir adı var mı.
örn.
www.apple.com
dikey scroll göz boyama.
yan yana koyulan elemanların toplam genişliği hesaplanıp container'ın yüksekliği olarak set ediliyor. haliyle dikey scroll var oluyor.
sen scroll ettikçe de dikey scroll'un pozisyonu javascript ile handle edilip ona göre yatayda gösterdiği alanı transform: translateX(xx) ile kaydırıyor.
edit: şurada da benzer bir yöntemle örnek basit bir kod var.
stackoverflow.com
yan yana koyulan elemanların toplam genişliği hesaplanıp container'ın yüksekliği olarak set ediliyor. haliyle dikey scroll var oluyor.
sen scroll ettikçe de dikey scroll'un pozisyonu javascript ile handle edilip ona göre yatayda gösterdiği alanı transform: translateX(xx) ile kaydırıyor.
edit: şurada da benzer bir yöntemle örnek basit bir kod var.
stackoverflow.com
- aziz dostum jack
(27.06.19 13:37:49 ~ 13:41:01)
javascript de 'scroll' denilen bir event var. bu event kulllanici scroll yaptiginda tetiklenir. eger gelistirici "window.addEventListener('scroll', event => console.log(event))" gibi bir kod yazarsa yani bir event listener ile bu 'scroll' islemini dinlemeye alir ise bu scroll olayini diledigi fonksiyonda kendisi degistirebilir. scroll islemide sayfa offsetinin x ve y duzleminde degistirilmesi olayi. yaptiklari is de asagi dogru scroll yapinca artan window.pageYOffset degerini alip window.pageYOffset degerini degistirmek. yani x ile y offset degerlerinin yerini degistirmek.
Bunu yapabilmek icin elbette html, css, ama en onemlisi javascript bilmek gerekir.
Bunu yapabilmek icin elbette html, css, ama en onemlisi javascript bilmek gerekir.
- emrahday
(27.06.19 13:47:13)
1
