Fare tekerleği ve kaydırma çubuğunu kullanarak pürüzsüz dikey sayfa kaydırma

Question

Etrafta oynuyorum ve bir paralaks web sitesi oluşturmaya çalışıyorum - evet, onlar can sıkıcı bir fad olduğunu biliyorum ama yine de gitmek istiyorum. Bu yüzden, ilham almak için, iyi paralaks web sitelerinin çeşitli örneklerine bakıyordum ve buna rastladım: https://victoriabeckham.landrover.com/INT.

Fare tekerleği, kaydırma çubuğu ve bağlantı noktalarını kullanarak düzgün kaydırma özelliği vardır. Bu efekti elde edebilecek jQuery eklentileri arıyordum ama sadece iç sayfa bağlantıları kullananları bulmaya çalışıyorum - çapa veya ID'leri (aşağıda detaylandırılmıştır) - ancak fare tekerleği ve kaydırma çubuğu değil. Yanlış anahtar kelimeler kullanarak arama yapmak için iyi bir şans var. Bu eklentileri bulmak için doğru terminolojiyi bilen var mı yoksa bu etkiyi gerçekleştirecek eklentileri biliyor mu?

Bir yan notta, şu anda jQuery ve Javascript'i öğreniyorum, ancak çok erken aşamalarda yaşıyorum - hâlâ codeacademy ile trol geçiyor ve henüz herhangi bir gerçek dünya koduna yapılmadı. Şu anda bir öğrenme yolu olarak eklentilerle oynuyorum ama umarım birkaç ay içinde kendi şeylerimi yapabilirim!

Akıcı kaydırma etiketleri çapa veya ID en için:

• http://archive.plugins.jquery.com/project/ScrollTo
• http://jsfiddle.net/9Amdx/7/
• http://arthurclemens.github.com/jquery-page-scroll-plugin/
• http://www.learningjquery.com/2007/09/animated-scrolling-with-jquery-12
• http://www.designova.net/scrollerbird/
• http://chris-spittles.co.uk/?p=462
• http://joelb.me/scrollpath/ (* @DrunkRocketeer nezaket)

Ve kaydırma için benzer bir teknik kullanarak bir paralaks web sitesinin başka bir örnek:

• http://www.ascensionlatorre.com

Answer 1

Bunu deneyin. Eğer paralaks komut ile yapılandırılmış kaydırma yoluna sahip böylece https://nicescroll.areaaperta.com/

O

$().scrollTop() 

jQuery olay dinleyicisi de var.

Answer 2

Ben birkaç birleştirmek olduğunu düşünüyorum Landrover sitesine benzeyen bir şey yapmak için bu etkilerin. Pürüzsüz bir kaydırma komut dosyası, bir kaydırma yolu komut dosyası ve bir paralaks komut dosyası.

Bu, o web sitesinin yolunu elemanı için ilginç bir sitedir: http://joelb.me/scrollpath/

rağmen bu siteler nasıl çalıştığını öğrenmek için en iyi yolu, onları incelemek! Paralaks kullanan bazı serin siteler: Umarım bu yardım/ilham kaynağıdır!

Şerefe, Robin