質問編集履歴
2
検証しやすいように変更
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -10,14 +10,21 @@
|
|
|
10
10
|
<template>
|
|
11
11
|
<div class="Scene1" id="Scene1">
|
|
12
12
|
<div @click="goFooter">下へ</div>
|
|
13
|
+
|
|
14
|
+
<div class="contents"></div>
|
|
15
|
+
|
|
13
16
|
<div class="footer" id="footer">あいう</div>
|
|
14
17
|
</div>
|
|
15
18
|
</template>
|
|
16
19
|
|
|
17
20
|
<script>
|
|
18
21
|
|
|
19
|
-
import { $ } from "jquery"
|
|
22
|
+
//import { $ } from "jquery" ← こうじゃなくて
|
|
20
23
|
|
|
24
|
+
import jQuery from "jquery"
|
|
25
|
+
global.$ = jQuery //このようにする
|
|
26
|
+
|
|
27
|
+
|
|
21
28
|
export default {
|
|
22
29
|
name: 'Scene1',
|
|
23
30
|
methods:{
|
|
@@ -35,14 +42,21 @@
|
|
|
35
42
|
.Scene1{
|
|
36
43
|
background: gray;
|
|
37
44
|
width: 100vw;
|
|
45
|
+
//height: 200vh;
|
|
38
|
-
height:
|
|
46
|
+
height: 10vh;
|
|
39
|
-
position: relative;
|
|
47
|
+
//position: relative;
|
|
40
|
-
|
|
48
|
+
overflow: scroll;
|
|
41
49
|
}
|
|
42
50
|
|
|
51
|
+
.contents{
|
|
52
|
+
width: 5vw;
|
|
53
|
+
height: 100vh;
|
|
54
|
+
background: white;
|
|
55
|
+
}
|
|
56
|
+
|
|
43
57
|
.footer{
|
|
44
|
-
position: absolute;
|
|
58
|
+
//position: absolute;
|
|
45
|
-
bottom: 0px;
|
|
59
|
+
//bottom: 0px;
|
|
46
60
|
}
|
|
47
61
|
|
|
48
62
|
</style>
|
1
カンマの追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
export default {
|
|
22
22
|
name: 'Scene1',
|
|
23
23
|
methods:{
|
|
24
|
-
showMessage: function(){alert(this.msg)}
|
|
24
|
+
showMessage: function(){alert(this.msg)},
|
|
25
25
|
goFooter: function(){
|
|
26
26
|
$("#Scene1").scrollTop($("#footer").scrollTop());
|
|
27
27
|
}
|