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

質問編集履歴

3

jQuery 読込みコード記述

2018/11/05 06:59

投稿

d-xanthus
d-xanthus

スコア57

title CHANGED
File without changes
body CHANGED
@@ -31,6 +31,8 @@
31
31
  ```
32
32
  ```script
33
33
  <script>
34
+ //jQuery 読込み
35
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
34
36
  //スクロールすると上部に固定されるナビゲーション
35
37
  jQuery(function() {
36
38
   var nav = jQuery( '#home-nav') ;

2

CSS追加

2018/11/05 06:59

投稿

d-xanthus
d-xanthus

スコア57

title CHANGED
File without changes
body CHANGED
@@ -50,6 +50,29 @@
50
50
  </script>
51
51
  ```
52
52
 
53
+ ```css
54
+
55
+ /*jQuery 制御 メニュー固定css*/
56
+ .homenav-fixed {
57
+ position: fixed;
58
+ width: 100%;
59
+ top: 0;
60
+ background: rgba( 255,255,255,0.9 );
61
+ z-index: 5000;
62
+ }
63
+
64
+ /*メニューcss*/
65
+ nav ul {
66
+ display: -webkit-flex;
67
+ display: -ms-flexbox;
68
+ display: flex;
69
+ -webkit-flex-wrap: wrap;
70
+ -ms-flex-wrap: wrap;
71
+ flex-wrap: wrap;
72
+ }
73
+
74
+ ```
75
+
53
76
  クラス homenav-fixed にてCSS制御してますので
54
77
  jQueryではクラスの制御だけです。
55
78
 

1

タイトルの言い回しの修正

2018/11/05 06:43

投稿

d-xanthus
d-xanthus

スコア57

title CHANGED
@@ -1,1 +1,1 @@
1
- Firefoxスクロールすると上部に固定されるナビゲーションの挙動がおかしい
1
+ Firefoxではスクロールすると上部に固定されるナビゲーションの挙動がおかしい
body CHANGED
File without changes