Çözüldü Sayfa aşağı kaydıkça değişiklik olacak site tasarımı nasıl yapılır?

Bu konu çözüldü olarak işaretlenmiştir. Çözülmediğini düşünüyorsanız konuyu rapor edebilirsiniz.

Umut.Allper

Hectopat
Katılım
18 Temmuz 2020
Mesajlar
379
Çözümler
2
Yani kısaca scroll çubuğu aşağı indikçe araba ilerleyecek. Teoride var ama gerçeğe dönüştüremiyorum.

11.png
 
Yani kısaca scroll çubuğu aşağı indikçe araba ilerleyecek. Teoride var ama gerçeğe dönüştüremiyorum.

Eki Görüntüle 904650

Hocam bu olay JavaScript ile yapılıyor. Scroll Event olayına göre aracı bir CSS etiketi verin ve JavaScript ile sayfada pixel olarak yerini değiştirin. Ancak scroll ile doğru orantılı olması için scroll kaç pixel ise araba o pixel izasında gitmesi lazıım.
 
Javascript ile yapılır. Yol resmini Photoshop gibi bir programla yapıp, uygun CSS kodlarıyla ekrana hizala. Ardından araba ikonunu tasarla ve yolun başlangıcına yine uygun CSS kodlarıyla hizala.

Ardından her kaydırış için arabanın CSS'lerini güncelle. Belli bir hizaya geldiğinde ek olarak renk ver. Kabaca böyle, bunu kolayca yapabileceğin hazır bır çerçeveyi kesin yapmışlardır.

Araştır, bulursun.
 

Yeni konular

Geri
Yukarı