質問編集履歴
1
コードブロックでの表示ができていなかったため、その修正と、取得したい数値、理由の明確化
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,32 +1,36 @@
|
|
|
1
|
+
※miyabi_takatsuk様ご指摘ありがとうございます。
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
1
7
|
ご覧いただきありがとうございます。現在奥行きのあるウェブサイトの制作に挑戦しております。
|
|
2
8
|
|
|
3
9
|
|
|
4
10
|
|
|
5
11
|
CSSにあるtransform:translateZ**( n px)**
|
|
6
12
|
|
|
7
|
-
の値をjavascriptから取得する方法を教えてください。
|
|
13
|
+
のnの値をjavascriptから取得する方法を教えてください。
|
|
8
14
|
|
|
9
15
|
|
|
10
16
|
|
|
11
|
-
|
|
17
|
+
問題となっているコード部分は、コメントアウトで☆★を打っている部分の直下です。あの記述でconsoleを確認すると、cssstyledeclationが表示され、下に遡ると
|
|
12
18
|
|
|
13
19
|
transform:"matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, **3.88**, 1)"
|
|
14
20
|
|
|
15
|
-
という部分があります。ここの太字の値を取得
|
|
21
|
+
という部分があります。ここの太字の値値を取得したいと考えております。理由としては、この後ろから二番目の値が、translateZの現在値と一致しているので、ここを取得する必要があるのではないかと考えているためです。
|
|
22
|
+
|
|
23
|
+
ですが初心者のため、私の推測は的を外しているものかもしれませんので、matrix3dからとらずにできる方法でも大丈夫です。アドバイスいただけると幸いです。よろしくお願いいたします。
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
|
|
16
28
|
|
|
17
29
|
```javascript
|
|
18
30
|
|
|
19
|
-
var getZ = window.getComputedStyle(scaler, null);
|
|
20
|
-
|
|
21
|
-
console.log(getZ[226]);
|
|
22
|
-
|
|
23
|
-
```
|
|
24
31
|
|
|
25
32
|
|
|
26
33
|
|
|
27
|
-
matrix3dからとらずにできる方法でも大丈夫です。よろしくお願いします。以下はフルのJSと、HTMLを貼ってます。
|
|
28
|
-
|
|
29
|
-
// スクロール量を取得する要素を取得
|
|
30
34
|
|
|
31
35
|
var scrollElm = (function() {
|
|
32
36
|
|
|
@@ -66,9 +70,13 @@
|
|
|
66
70
|
|
|
67
71
|
|
|
68
72
|
|
|
73
|
+
//☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★
|
|
74
|
+
|
|
69
75
|
var getZ = window.getComputedStyle(scaler, null);
|
|
70
76
|
|
|
71
77
|
console.log(getZ);
|
|
78
|
+
|
|
79
|
+
//☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★
|
|
72
80
|
|
|
73
81
|
|
|
74
82
|
|
|
@@ -110,6 +118,8 @@
|
|
|
110
118
|
|
|
111
119
|
});
|
|
112
120
|
|
|
121
|
+
```
|
|
122
|
+
|
|
113
123
|
|
|
114
124
|
|
|
115
125
|
|