質問編集履歴
5
コードの修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -36,17 +36,33 @@
|
|
36
36
|
|
37
37
|
<script>
|
38
38
|
|
39
|
-
|
39
|
+
// 現在の縦スクロール位置
|
40
40
|
|
41
|
-
|
41
|
+
var scrollPosition = document.getElementById("test").scrollTop;
|
42
42
|
|
43
|
-
|
43
|
+
// スクロール要素の高さ
|
44
44
|
|
45
|
-
|
45
|
+
var scrollHeight = document.getElementById("test").scrollHeight;
|
46
46
|
|
47
|
-
|
47
|
+
//スクロール移動(クリックできればいいのですが、そこがよくわからないです)
|
48
48
|
|
49
|
+
document.getElementById("test").scrollTop = scrollHeight;
|
50
|
+
|
51
|
+
|
52
|
+
|
53
|
+
//上記に修正
|
54
|
+
|
55
|
+
//$('#test').mousedown(function(event) {
|
56
|
+
|
57
|
+
// switch (event.which) {
|
58
|
+
|
59
|
+
// case 2:
|
60
|
+
|
61
|
+
// break;
|
62
|
+
|
63
|
+
// }
|
64
|
+
|
49
|
-
});
|
65
|
+
//});
|
50
66
|
|
51
67
|
</script>
|
52
68
|
|
4
コードの追記
test
CHANGED
File without changes
|
test
CHANGED
@@ -36,11 +36,17 @@
|
|
36
36
|
|
37
37
|
<script>
|
38
38
|
|
39
|
-
$('#test').o
|
39
|
+
$('#test').mousedown(function(event) {
|
40
40
|
|
41
|
-
{
|
41
|
+
switch (event.which) {
|
42
42
|
|
43
|
+
case 2:
|
44
|
+
|
45
|
+
break;
|
46
|
+
|
43
|
-
}
|
47
|
+
}
|
48
|
+
|
49
|
+
});
|
44
50
|
|
45
51
|
</script>
|
46
52
|
|
@@ -61,6 +67,8 @@
|
|
61
67
|
background-color: transparent;
|
62
68
|
|
63
69
|
overflow-y:scroll;
|
70
|
+
|
71
|
+
will-change:auto;
|
64
72
|
|
65
73
|
border: 1px solid #ddd;
|
66
74
|
|
3
コードの追記
test
CHANGED
File without changes
|
test
CHANGED
@@ -3,6 +3,8 @@
|
|
3
3
|
調べながら以下のようにしてみましたが、クリックを発生させられません。
|
4
4
|
|
5
5
|
何かいいアイデアがありましたら教えていただけますようお願いいたします。
|
6
|
+
|
7
|
+
※testはelfsightというサービスを呼び出しています。このサービスで動画リストを表示させています。
|
6
8
|
|
7
9
|
|
8
10
|
|
@@ -18,7 +20,11 @@
|
|
18
20
|
|
19
21
|
|
20
22
|
|
23
|
+
<script src="https://apps.elfsight.com/p/platform.js" defer></script>
|
24
|
+
|
21
25
|
<div id="test">
|
26
|
+
|
27
|
+
<div class="elfsight-app-XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX"></div>
|
22
28
|
|
23
29
|
</div>
|
24
30
|
|
@@ -40,6 +46,48 @@
|
|
40
46
|
|
41
47
|
|
42
48
|
|
49
|
+
〇elfsightサービス内CSS
|
50
|
+
|
51
|
+
/*ドロップダウン プレイリスト*/
|
52
|
+
|
53
|
+
.test-playlist-videos-component {
|
54
|
+
|
55
|
+
position: absolute;
|
56
|
+
|
57
|
+
width:300px;
|
58
|
+
|
59
|
+
height:320px;
|
60
|
+
|
61
|
+
background-color: transparent;
|
62
|
+
|
63
|
+
overflow-y:scroll;
|
64
|
+
|
65
|
+
border: 1px solid #ddd;
|
66
|
+
|
67
|
+
padding:3px;
|
68
|
+
|
69
|
+
margin:0;
|
70
|
+
|
71
|
+
}
|
72
|
+
|
73
|
+
|
74
|
+
|
75
|
+
/*ドロップダウン スクロールバー*/
|
76
|
+
|
77
|
+
.test-playlist-videos-component::-webkit-scrollbar {
|
78
|
+
|
79
|
+
width: 15px;
|
80
|
+
|
81
|
+
height: auto;
|
82
|
+
|
83
|
+
background:#eee;
|
84
|
+
|
85
|
+
}
|
86
|
+
|
87
|
+
|
88
|
+
|
89
|
+
|
90
|
+
|
43
91
|
```
|
44
92
|
|
45
93
|
|
2
コードの追記
test
CHANGED
File without changes
|
test
CHANGED
@@ -7,6 +7,26 @@
|
|
7
7
|
|
8
8
|
|
9
9
|
```
|
10
|
+
|
11
|
+
〇HTML
|
12
|
+
|
13
|
+
<head>
|
14
|
+
|
15
|
+
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
|
16
|
+
|
17
|
+
</head>
|
18
|
+
|
19
|
+
|
20
|
+
|
21
|
+
<div id="test">
|
22
|
+
|
23
|
+
</div>
|
24
|
+
|
25
|
+
<script src="test/test.js"></script>
|
26
|
+
|
27
|
+
|
28
|
+
|
29
|
+
〇test.js
|
10
30
|
|
11
31
|
<script>
|
12
32
|
|
@@ -20,10 +40,6 @@
|
|
20
40
|
|
21
41
|
|
22
42
|
|
23
|
-
<div id="test">
|
24
|
-
|
25
|
-
</div>
|
26
|
-
|
27
43
|
```
|
28
44
|
|
29
45
|
|
1
書式の改善
test
CHANGED
File without changes
|
test
CHANGED
@@ -2,9 +2,11 @@
|
|
2
2
|
|
3
3
|
調べながら以下のようにしてみましたが、クリックを発生させられません。
|
4
4
|
|
5
|
-
何か
|
5
|
+
何かいいアイデアがありましたら教えていただけますようお願いいたします。
|
6
6
|
|
7
7
|
|
8
|
+
|
9
|
+
```
|
8
10
|
|
9
11
|
<script>
|
10
12
|
|
@@ -22,6 +24,8 @@
|
|
22
24
|
|
23
25
|
</div>
|
24
26
|
|
27
|
+
```
|
28
|
+
|
25
29
|
|
26
30
|
|
27
31
|
どうぞよろしくお願いいたします。
|