2017-11-13 9 views
0

私は一種の視差ウェブデザインをしようとしています。私の質問は、もし誰かが私が赤色のdivをより速く動かすことができるのを知っていれば。私はそれがフォーミュラにあるとは思うが、確かに分かっていない。多分誰かが知っている?ここでdivのスクロール速度を上げるにはどうすればよいですか?

は私のコードです:http://jsfiddle.net/PvVdq/

$(document).ready(function() { 
var $horizontal = $('#horizontal'); 

$(window).scroll(function() { 
    var s = $(this).scrollTop(), 
     d = $(document).height(), 
     c = $(this).height(); 

    scrollPercent = (s/(d - c)); 

    var position = (scrollPercent * ($(document).width() - $horizontal.width())); 

    $horizontal.css({ 
     'left': position 
    }); 
}); 

});

+0

の可能性のある重複[遅いスクロール速度ダウン(https://stackoverflow.com/questions/ 23950450 /スロースクロールスピードダウン) –

+0

var position =(scrollPercent * 3 *($(document).width() - $ horizo​​ntal.width())); –

答えて

1

私はこれについてはあまりよく分かりません。私はこの1つを試したとき、それは赤のdivの動きをスピードアップ

$(document).ready(function() { 
var $horizontal = $('#horizontal'); 

$(window).scroll(function() { 
    var s = $(this).scrollTop(), 
     d = $(document).height(), 
     c = $(this).height(); 

    scrollPercent = (s/(d - c)); 

    var position = (scrollPercent * 10 * ($(document).width() - $horizontal.width())); 

    $horizontal.css({ 
     'left': position 
    }); 
}); 
}); 
+0

助けてくれてありがとう!私は自分のウェブサイトに今編集しています。しかし、それはすぐに行きます。 –

+0

ちょうど10を小さくする。私は1から始めて、ゆっくりとそれを10までテストした。 –

+0

thx!できます! –

0

Yuoしたい場合、それはより速く行く、あなたのscrollPercentでプレーする必要があります。

scrollPercent = (s/(d - c) * 2);//twice fatser 

またはより速く:

scrollPercent = (s/(d - c) * 3);//3 times fatser 

http://jsfiddle.net/PvVdq/1448/

+0

thx!あなたに多くの感謝 –

関連する問題