teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

3

追加

2021/08/06 10:16

投稿

buk
buk

スコア53

title CHANGED
File without changes
body CHANGED
@@ -1,5 +1,5 @@
1
1
  midnight.jquery.min.jsを使っています。
2
- https://aerolab.github.io/midnight.js/
2
+ [https://aerolab.github.io/midnight.js/](https://aerolab.github.io/midnight.js/)
3
3
 
4
4
  やりたい動作としまして、
5
5
  ウィンドウサイズが1080px以上のときだけに発動させて、

2

追加

2021/08/06 10:16

投稿

buk
buk

スコア53

title CHANGED
File without changes
body CHANGED
@@ -1,4 +1,5 @@
1
1
  midnight.jquery.min.jsを使っています。
2
+ https://aerolab.github.io/midnight.js/
2
3
 
3
4
  やりたい動作としまして、
4
5
  ウィンドウサイズが1080px以上のときだけに発動させて、

1

追加

2021/08/06 10:15

投稿

buk
buk

スコア53

title CHANGED
File without changes
body CHANGED
@@ -25,4 +25,32 @@
25
25
  });
26
26
  ```
27
27
 
28
- どのように記述すればよいのでしょうか
28
+ どのように記述すればよいのでしょうか
29
+
30
+ js動作前
31
+ ```ここに言語を入力
32
+ <div id="site-id">
33
+ <img src="logo.png" alt=""/>
34
+ </div>
35
+ ```
36
+
37
+
38
+ js動作後
39
+
40
+ ```ここに言語を入力
41
+ <div id="site-id" style="position: fixed; top: 0px; left: 0px; right: 0px; overflow: hidden; height: 561px;">
42
+ <div class="midnightHeader default" style="position: absolute; overflow: hidden; inset: 0px; transform: translateY(-52.4955%) translateZ(0px);">
43
+ <div class="midnightInner" style="position: absolute; inset: 0px; transform: translateY(52.4955%) translateZ(0px); overflow: auto;">
44
+ <img src="logo.png" alt=""/>
45
+ </div>
46
+ </div>
47
+ <div class="midnightHeader black" style="position: absolute; overflow: hidden; inset: 0px; transform: translateY(47.4332%) translateZ(0px);">
48
+ <div class="midnightInner" style="position: absolute; inset: 0px; transform: translateY(-47.4332%) translateZ(0px); overflow: auto;">
49
+ <img src="logo.png" alt=""/>
50
+ </div>
51
+ </div>
52
+ </div>
53
+
54
+
55
+
56
+ ```