main.js
//マウス上下で横スクロール
$(document).ready(function() {
$('html, body, *').mousewheel(function(e, delta) {
this.scrollLeft -= (delta);
document.addEventListener('mousewheel DOMMouseScroll', { passive: false });
});
});
で動作する。
横スクロールする度にエラーが増幅して困ってた。また、googleのconsoleでは動くのにページで表示すると動かなかった。エラーはconsoleでも出ていた。
エラーメッセージは、
[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive.
元の.js
$(document).ready(function() {
$('html, body, *').mousewheel(function(e, delta) {
this.scrollLeft -= (delta);
e.preventDefault();
});
});
修正した箇所は、最後のところ
e.preventDefault();
をdocument.addEventListener('mousewheel DOMMouseScroll', { passive: false });
に変更
解決のお世話になったURL
https://github.com/peachananr/onepage-scroll/issues/346#issuecomment-547004469
らぶ!Mr.stayacid