質問編集履歴
5
コードの修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -17,12 +17,20 @@
|
|
|
17
17
|
|
|
18
18
|
〇test.js
|
|
19
19
|
<script>
|
|
20
|
+
// 現在の縦スクロール位置
|
|
21
|
+
var scrollPosition = document.getElementById("test").scrollTop;
|
|
22
|
+
// スクロール要素の高さ
|
|
23
|
+
var scrollHeight = document.getElementById("test").scrollHeight;
|
|
24
|
+
//スクロール移動(クリックできればいいのですが、そこがよくわからないです)
|
|
25
|
+
document.getElementById("test").scrollTop = scrollHeight;
|
|
26
|
+
|
|
27
|
+
//上記に修正
|
|
20
|
-
$('#test').mousedown(function(event) {
|
|
28
|
+
//$('#test').mousedown(function(event) {
|
|
21
|
-
switch (event.which) {
|
|
29
|
+
// switch (event.which) {
|
|
22
|
-
case 2:
|
|
30
|
+
// case 2:
|
|
23
|
-
break;
|
|
31
|
+
// break;
|
|
24
|
-
}
|
|
32
|
+
// }
|
|
25
|
-
});
|
|
33
|
+
//});
|
|
26
34
|
</script>
|
|
27
35
|
|
|
28
36
|
〇elfsightサービス内CSS
|
4
コードの追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -17,9 +17,12 @@
|
|
|
17
17
|
|
|
18
18
|
〇test.js
|
|
19
19
|
<script>
|
|
20
|
-
$('#test').
|
|
20
|
+
$('#test').mousedown(function(event) {
|
|
21
|
+
switch (event.which) {
|
|
22
|
+
case 2:
|
|
21
|
-
|
|
23
|
+
break;
|
|
22
|
-
}
|
|
24
|
+
}
|
|
25
|
+
});
|
|
23
26
|
</script>
|
|
24
27
|
|
|
25
28
|
〇elfsightサービス内CSS
|
|
@@ -30,6 +33,7 @@
|
|
|
30
33
|
height:320px;
|
|
31
34
|
background-color: transparent;
|
|
32
35
|
overflow-y:scroll;
|
|
36
|
+
will-change:auto;
|
|
33
37
|
border: 1px solid #ddd;
|
|
34
38
|
padding:3px;
|
|
35
39
|
margin:0;
|
3
コードの追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
親ページから要素(test)のスクロールバーを一度だけクリックさせるjavascriptを作りたいと思っています。
|
|
2
2
|
調べながら以下のようにしてみましたが、クリックを発生させられません。
|
|
3
3
|
何かいいアイデアがありましたら教えていただけますようお願いいたします。
|
|
4
|
+
※testはelfsightというサービスを呼び出しています。このサービスで動画リストを表示させています。
|
|
4
5
|
|
|
5
6
|
```
|
|
6
7
|
〇HTML
|
|
@@ -8,7 +9,9 @@
|
|
|
8
9
|
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
|
|
9
10
|
＜/head＞
|
|
10
11
|
|
|
12
|
+
<script src="https://apps.elfsight.com/p/platform.js" defer></script>
|
|
11
13
|
<div id="test">
|
|
14
|
+
<div class="elfsight-app-XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX"></div>
|
|
12
15
|
</div>
|
|
13
16
|
<script src="test/test.js"></script>
|
|
14
17
|
|
|
@@ -19,6 +22,27 @@
|
|
|
19
22
|
}
|
|
20
23
|
</script>
|
|
21
24
|
|
|
25
|
+
〇elfsightサービス内CSS
|
|
26
|
+
/*ドロップダウン プレイリスト*/
|
|
27
|
+
.test-playlist-videos-component {
|
|
28
|
+
position: absolute;
|
|
29
|
+
width:300px;
|
|
30
|
+
height:320px;
|
|
31
|
+
background-color: transparent;
|
|
32
|
+
overflow-y:scroll;
|
|
33
|
+
border: 1px solid #ddd;
|
|
34
|
+
padding:3px;
|
|
35
|
+
margin:0;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
/*ドロップダウン スクロールバー*/
|
|
39
|
+
.test-playlist-videos-component::-webkit-scrollbar {
|
|
40
|
+
width: 15px;
|
|
41
|
+
height: auto;
|
|
42
|
+
background:#eee;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
|
|
22
46
|
```
|
|
23
47
|
|
|
24
48
|
どうぞよろしくお願いいたします。
|
2
コードの追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -3,14 +3,22 @@
|
|
|
3
3
|
何かいいアイデアがありましたら教えていただけますようお願いいたします。
|
|
4
4
|
|
|
5
5
|
```
|
|
6
|
+
〇HTML
|
|
7
|
+
<head>
|
|
8
|
+
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
|
|
9
|
+
＜/head＞
|
|
10
|
+
|
|
11
|
+
<div id="test">
|
|
12
|
+
</div>
|
|
13
|
+
<script src="test/test.js"></script>
|
|
14
|
+
|
|
15
|
+
〇test.js
|
|
6
16
|
<script>
|
|
7
17
|
$('#test').onscroll = function()
|
|
8
18
|
{
|
|
9
19
|
}
|
|
10
20
|
</script>
|
|
11
21
|
|
|
12
|
-
<div id="test">
|
|
13
|
-
</div>
|
|
14
22
|
```
|
|
15
23
|
|
|
16
24
|
どうぞよろしくお願いいたします。
|
1
書式の改善
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
親ページから要素(test)のスクロールバーを一度だけクリックさせるjavascriptを作りたいと思っています。
|
|
2
2
|
調べながら以下のようにしてみましたが、クリックを発生させられません。
|
|
3
|
-
何か
|
|
3
|
+
何かいいアイデアがありましたら教えていただけますようお願いいたします。
|
|
4
4
|
|
|
5
|
+
```
|
|
5
6
|
<script>
|
|
6
7
|
$('#test').onscroll = function()
|
|
7
8
|
{
|
|
@@ -10,5 +11,6 @@
|
|
|
10
11
|
|
|
11
12
|
<div id="test">
|
|
12
13
|
</div>
|
|
14
|
+
```
|
|
13
15
|
|
|
14
16
|
どうぞよろしくお願いいたします。
|