質問編集履歴

1

回答を元に、ブラウザーサイズの記述を自分なりに付け加えてみました。

2017/07/18 01:46

投稿

Yucchi
Yucchi

スコア29

test CHANGED
File without changes
test CHANGED
@@ -89,3 +89,77 @@
89
89
  </script>
90
90
 
91
91
  ```
92
+
93
+
94
+
95
+ 頂いた回答を元に少しこんな感じかなというのを下記に書き足してみましたがやはり実装できません。どこが間違っているのかご指摘いただけると助かります。jQueryは書き方の基礎もないのでお恥ずかしい限りです。
96
+
97
+ ```css
98
+
99
+ #contact_fixed_sp {
100
+
101
+ display: none;
102
+
103
+ }
104
+
105
+ @media screen and (max-width:480px) {
106
+
107
+ #contact_fixed_sp {
108
+
109
+ display: block;
110
+
111
+ }
112
+
113
+ }
114
+
115
+ ```
116
+
117
+ ```jQuery
118
+
119
+ <script>
120
+
121
+ $(window).resize(function(){
122
+
123
+ var w = $(window).width();
124
+
125
+ var x = 480;
126
+
127
+ if (w <= x) {
128
+
129
+ .on('scroll', function () {
130
+
131
+ var distanceTop = 130;
132
+
133
+ var $contactFixedSp = $('#contact_fixed_sp');
134
+
135
+
136
+
137
+ if ($(window).scrollTop() > distanceTop) {
138
+
139
+ $contactFixedSp
140
+
141
+ .stop()
142
+
143
+ .fadeIn("normal");
144
+
145
+ }
146
+
147
+ else {
148
+
149
+ $contactFixedSp
150
+
151
+ .stop()
152
+
153
+ .fadeOut("normal");
154
+
155
+ }
156
+
157
+ })
158
+
159
+ .trigger('scroll');
160
+
161
+ });
162
+
163
+ </script>
164
+
165
+ ```