質問編集履歴
2
検証しやすいように変更
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -22,6 +22,12 @@
|
|
|
22
22
|
|
|
23
23
|
<div @click="goFooter">下へ</div>
|
|
24
24
|
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
<div class="contents"></div>
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
25
31
|
<div class="footer" id="footer">あいう</div>
|
|
26
32
|
|
|
27
33
|
</div>
|
|
@@ -34,7 +40,15 @@
|
|
|
34
40
|
|
|
35
41
|
|
|
36
42
|
|
|
43
|
+
//import { $ } from "jquery" ← こうじゃなくて
|
|
44
|
+
|
|
45
|
+
|
|
46
|
+
|
|
37
|
-
import
|
|
47
|
+
import jQuery from "jquery"
|
|
48
|
+
|
|
49
|
+
global.$ = jQuery //このようにする
|
|
50
|
+
|
|
51
|
+
|
|
38
52
|
|
|
39
53
|
|
|
40
54
|
|
|
@@ -72,11 +86,25 @@
|
|
|
72
86
|
|
|
73
87
|
width: 100vw;
|
|
74
88
|
|
|
75
|
-
height: 200vh;
|
|
89
|
+
//height: 200vh;
|
|
76
90
|
|
|
77
|
-
|
|
91
|
+
height: 10vh;
|
|
78
92
|
|
|
79
|
-
|
|
93
|
+
//position: relative;
|
|
94
|
+
|
|
95
|
+
overflow: scroll;
|
|
96
|
+
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
|
|
100
|
+
|
|
101
|
+
.contents{
|
|
102
|
+
|
|
103
|
+
width: 5vw;
|
|
104
|
+
|
|
105
|
+
height: 100vh;
|
|
106
|
+
|
|
107
|
+
background: white;
|
|
80
108
|
|
|
81
109
|
}
|
|
82
110
|
|
|
@@ -84,9 +112,9 @@
|
|
|
84
112
|
|
|
85
113
|
.footer{
|
|
86
114
|
|
|
87
|
-
position: absolute;
|
|
115
|
+
//position: absolute;
|
|
88
116
|
|
|
89
|
-
bottom: 0px;
|
|
117
|
+
//bottom: 0px;
|
|
90
118
|
|
|
91
119
|
}
|
|
92
120
|
|
1
カンマの追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
|
|
45
45
|
methods:{
|
|
46
46
|
|
|
47
|
-
showMessage: function(){alert(this.msg)}
|
|
47
|
+
showMessage: function(){alert(this.msg)},
|
|
48
48
|
|
|
49
49
|
goFooter: function(){
|
|
50
50
|
|