私は、デフォルトの$(window).scroll()
動作を美しいイージング アニメーションに置き換えようと懸命に努力してきました。しかし、これまでのところ運がありません。以下は私のコードです。
$(window).scroll(function(e){
e.preventDefault();
var cp=$(window).scrollTop(); // current scroll position
//animate with custom easing
$('html, body').animate({scrollTop:cp}, 50,'easeInElastic');
});
しかし、これは機能していません。単純に 1 ~ 3 ピクセルしかスクロールせず、非常に低速です。
それを変更すると$('html, body').animate({scrollTop:500}, 50,'easeInElastic');
、一度だけ実行され、それは私が望むものではありません。
ユーザーがスクロール バー ボタンを押したときに、標準のスクロール動作をイージング アニメーションに置き換えたいと考えています。
JSFiddle リンクhttp://jsfiddle.net/bfDrp/