質問編集履歴
2
修正しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -164,12 +164,20 @@
|
|
|
164
164
|
|
|
165
165
|
</div>
|
|
166
166
|
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
167
|
</section>
|
|
172
168
|
|
|
169
|
+
|
|
170
|
+
|
|
171
|
+
<script src="js/jquery-3.6.0.min.js"></script>
|
|
172
|
+
|
|
173
|
+
<script src="js/script.js"></script>
|
|
174
|
+
|
|
175
|
+
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
|
|
176
|
+
|
|
177
|
+
</body>
|
|
178
|
+
|
|
179
|
+
</html>
|
|
180
|
+
|
|
173
181
|
```
|
|
174
182
|
|
|
175
183
|
|
|
@@ -654,6 +662,80 @@
|
|
|
654
662
|
|
|
655
663
|
|
|
656
664
|
|
|
665
|
+
```slick.js
|
|
666
|
+
|
|
667
|
+
//スッティキーヘッダー
|
|
668
|
+
|
|
669
|
+
$(function(){
|
|
670
|
+
|
|
671
|
+
var $win=$(window),
|
|
672
|
+
|
|
673
|
+
$fv=$('.fv'),
|
|
674
|
+
|
|
675
|
+
$header=$('.header'),
|
|
676
|
+
|
|
677
|
+
fvHeight='$fv.(outerHeight)';
|
|
678
|
+
|
|
679
|
+
fixedClass='fixed';
|
|
680
|
+
|
|
681
|
+
|
|
682
|
+
|
|
683
|
+
$win.on('load scroll', function(){
|
|
684
|
+
|
|
685
|
+
var value=$(this).scrollTop();
|
|
686
|
+
|
|
687
|
+
if($win.width()>768){
|
|
688
|
+
|
|
689
|
+
if(value > fvHeight){
|
|
690
|
+
|
|
691
|
+
$header.addClass(fixedClass);
|
|
692
|
+
|
|
693
|
+
|
|
694
|
+
|
|
695
|
+
}else{
|
|
696
|
+
|
|
697
|
+
$header.removeClass(fixedClass);
|
|
698
|
+
|
|
699
|
+
}
|
|
700
|
+
|
|
701
|
+
}
|
|
702
|
+
|
|
703
|
+
|
|
704
|
+
|
|
705
|
+
});
|
|
706
|
+
|
|
707
|
+
});
|
|
708
|
+
|
|
709
|
+
|
|
710
|
+
|
|
711
|
+
|
|
712
|
+
|
|
713
|
+
//スライダー
|
|
714
|
+
|
|
715
|
+
|
|
716
|
+
|
|
717
|
+
$(function(){
|
|
718
|
+
|
|
719
|
+
$('.slider').slick({
|
|
720
|
+
|
|
721
|
+
autoplay: true,
|
|
722
|
+
|
|
723
|
+
autoplaySpeed: 2000,
|
|
724
|
+
|
|
725
|
+
fade: true,
|
|
726
|
+
|
|
727
|
+
speed: 1000,
|
|
728
|
+
|
|
729
|
+
cssEase: 'linear'
|
|
730
|
+
|
|
731
|
+
});
|
|
732
|
+
|
|
733
|
+
});
|
|
734
|
+
|
|
735
|
+
```
|
|
736
|
+
|
|
737
|
+
|
|
738
|
+
|
|
657
739
|
### 考えたこと
|
|
658
740
|
|
|
659
741
|
class名が sliderで囲んだliをsliderにしているにもかかわらず、
|
1
修正しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -8,7 +8,11 @@
|
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
|
|
11
|
-
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
[現状コード](https://47.gigafile.nu/0902-c66fd386c2b87e13dc4e4f3dff116e4ec)
|
|
12
16
|
|
|
13
17
|
|
|
14
18
|
|