teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

コードを開示いたしました。

2021/10/22 06:06

投稿

dmm
dmm

スコア1

title CHANGED
File without changes
body CHANGED
@@ -26,8 +26,25 @@
26
26
  dispatchb @jquery.min.js:2
27
27
  @jquery.mousewheel.min.js:8
28
28
 
29
+ ### 当方が書いたmain.jsのコード
30
+ ```
31
+ $(function() {
32
+ //コンテンツの横サイズ
33
+ var cont = $('#contents');
34
+ var contW = $('.box').outerWidth(true) * $('div',cont ).length;
35
+ cont.css('width', contW);
36
+ //スクロールスピード
37
+ var speed = 30;
38
+ // var speed2 = 10;
39
+ //マウスホイールで横移動
40
+ $('html').mousewheel(function(event, mov) {
41
+ $(this).scrollLeft($(this).scrollLeft() - mov * speed);
42
+ $('body').scrollLeft($('body').scrollLeft() - mov * speed);
43
+ return false; //縦スクロール不可
44
+ });
45
+ });
46
+ ```
29
47
 
30
48
 
31
-
32
49
  ### 試したこと
33
50
  scriptを書き直したりしましたが、そういうことではないように感じました。