質問編集履歴
3
さらにコメントを追加しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -6,8 +6,8 @@
|
|
|
6
6
|
Kindleで小説を読むように、横長で画面いっぱい縦書きのWebサイトを作成しています。
|
|
7
7
|
現在は手動で横スクロールが可能な状態なのですが、要素をクリックすることでページをめくるように表示されている画面幅だけ横（右から左方向）に移動させたいと思っているのですが、js、jqueryともに上手くいかず…。
|
|
8
8
|
|
|
9
|
-
ちなみに画面幅はCSSのvhとvwで指定しています。
|
|
9
|
+
ちなみに画面幅はCSSのvhとvwで指定しています。
|
|
10
|
-
同じように画面の幅をjsかjqueryで取得しながら、なおかつボタンクリックすることでoverflow-x:scroll;を指定した
|
|
10
|
+
同じように画面の幅をjsかjqueryで取得しながら、なおかつボタンクリックすることでoverflow-x:scroll;を指定した要素を横にスクロールさせたいのですが…。
|
|
11
11
|
「ページトップへ戻る」のような仕組みかと思い色々と試したのですが、横向きに移動させる方法が分からず質問させていただきました。
|
|
12
12
|
|
|
13
13
|
|
|
@@ -24,6 +24,9 @@
|
|
|
24
24
|
});
|
|
25
25
|
```
|
|
26
26
|
|
|
27
|
+
僕の力量では難しく、アドバイスを頂きましたが悪戦苦闘しております。
|
|
28
|
+
具体的なコードがありましたら載せていただけると大変嬉しく思います。
|
|
29
|
+
|
|
27
30
|
よろしくお願いします。
|
|
28
31
|
|
|
29
32
|
もし解決されたら、横向きになりながらコーラ一気飲み余裕なぐらい元気でます。
|
2
コメントでご指摘いただいた部分を追加しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -12,7 +12,18 @@
|
|
|
12
12
|
|
|
13
13
|
|
|
14
14
|
|
|
15
|
+
コメントでご指摘いただいた例での動作結果はこちらになります。
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
```ここに言語を入力
|
|
15
|
-
|
|
20
|
+
$(function() {
|
|
21
|
+
$(".navigate-left").click(function(){
|
|
22
|
+
$('.container_single').css({left: "100%"})
|
|
23
|
+
});
|
|
24
|
+
});
|
|
25
|
+
```
|
|
26
|
+
|
|
16
27
|
よろしくお願いします。
|
|
17
28
|
|
|
18
29
|
もし解決されたら、横向きになりながらコーラ一気飲み余裕なぐらい元気でます。
|
1
画像を追加しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -10,6 +10,8 @@
|
|
|
10
10
|
同じように画面の幅をjsかjqueryで取得しながら、なおかつボタンクリックすることでoverflow-x:scroll;を指定したcontent要素を横にスクロールさせたいのですが…。
|
|
11
11
|
「ページトップへ戻る」のような仕組みかと思い色々と試したのですが、横向きに移動させる方法が分からず質問させていただきました。
|
|
12
12
|
|
|
13
|
+
|
|
14
|
+
|
|
13
15
|
説明下手で申し訳ないです。
|
|
14
16
|
よろしくお願いします。
|
|
15
17
|
|