2016-03-30 28 views
0

Paralaks efektini kullanmaya çalıştığım bir başlık görüntüsüne sahip bir sitem var. Bunu gerçekleştirmek için aşağıdaki JS kullanıyorumjQuery Paralaks Görüntü Mousewheel ile Kaydırırken Pürüzsüz Değil

: Bu keman bir örnek kullanılır

$(window).scroll(function() { 
     var scrolledY = $(window).scrollTop(); 
     $('#container').css('background-position', 'left ' + ((scrolledY)) + 'px'); 
}); 

: tıklatıp kaydırma çubuğunu sürükleyerek sayfayı aşağı kaydırma yaparken http://jsfiddle.net/QN9cH/1/

Bu harika çalışıyor Ancak, fare tekerleğimle ilerlerken görüntü çok fazla fırlar ve hiç de düzgün değildir. Javascript - Smooth parallax scrolling with mouse wheel

Ancak, bu benim uygulanması ile çalışan almanız mümkün değilim:

Böyle burada biri olarak çok araştırma yaptık ve çözümler çalıştılar. Pürüzsüz kaydırma için birkaç jQuery kütüphanesi denedim ve bunları düzgün bir şekilde çalıştıramazdım.

Fare tekerleğiyle hareket ettirmenin, kaydırma çubuğunu tıklatıp sürükleyerek el ile kaydırıyormuş gibi hareket etmesinin bir yolu var mı?

+0

Orada iş yapan birçok javulu pürüzsüz kaydırma eklentisi var, örn. https://github.com/nathco/jQuery.scrollSpeed, https://github.com/fatlinesofcode/jquery.smoothwheel, https://github.com/simov/simplr-smoothscroll (demolarını inceleyin) – dekkard

cevap

0

Bu bir yanıt (henüz) değil, ancak çok sayıda windows makinesinin, sayfanın aşağısına "tıkla" yazan kaydırma tekerleği ile geldiğini fark ettim.

Karşılaştığınız konu bu mu, yoksa pahalı fareler ve süper pürüzsüz Apple trackpad'leri ve fareler ile gerçekten iyi çalışan tüm bu güzel paralaks efektlerinin hepsinden emin değilim, ama sonra aniden titreme ve stokta korkunç görünüyorsun windows fareler.