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ı?
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