マウスホイールスクロールのスピード調整に関して

Question

スクロールをするときのスピードを遅くするために下記を設定しました。
FF,IEの時はできたのですが、GCで見ると下記ではスクロールするとガタガタしてしまいます。
何か記述間違いありますでしょうか？

現在の状況です。
http://footmarkdays.web.fc2.com/test2/

<script>
var scrolly = 150;
var scrollySpeed = 150;
var easing = 'easeOutQuart';

$(function(){
	//$('html').mousewheel(function(event, mov){
	$('html').wheel(function(event, mov){

		var trg = $($.browser.safari ? 'body' : 'html');	
		scrolly = (mov > 0) ? trg.scrollTop() - scrollySpeed: trg.scrollTop() + scrollySpeed;
		
		$('html, body')
		.stop()
		.animate({scrollTop:scrolly}, 1000, easing);
		
		return false;
	});
	
		});
</script>

https://greasyfork.org/scripts/36987-jquery-mousewheel-3-1-13/code/jQuery%20Mousewheel%203113.js?version=240834

Comments

[x_x]

wheelというのは何らかのプラグインでしょうか？

[miyabi_pudding]

”easing”変数が定義されていないようですが、別の場所で定義しているのでしょうか？
他の部分のコードも記載されたほうがいいかもしれません。
x_xさんのご質問と併せて、質問文に記載をお願いします。

[退会済みユーザー]

下記の[jQuery Mousewheel 3.1.13]というのを使っています。
https://greasyfork.org/ja/scripts/36987-jquery-mousewheel-3-1-13
https://greasyfork.org/scripts/36987-jquery-mousewheel-3-1-13/code/jQuery%20Mousewheel%203113.js?version=240834

[s8_chu]

マルチポストは非推奨です。
https://ja.stackoverflow.com/questions/55010/

Answer 1

提示されたスクリプトでは mousewheel となっていますが、wheel に書き換えて使っているということでしょうか？
そうであれば40行目を書き換えることで直ります。

                    //this.addEventListener( toBind[--i], handler, false );
                    this.addEventListener( toBind[--i], handler, { passive: false } );

Chrome はパフォーマンスのために一部の passive オプションの初期値をtrueに変更しているため、false の場合は明示的に指定する必要があります。
https://developer.mozilla.org/ja/docs/Web/API/EventTarget/addEventListener