質問編集履歴

3

修正しました。

2021/08/06 13:30

投稿

free_teku
free_teku

スコア103

test CHANGED
File without changes
test CHANGED
@@ -14,6 +14,10 @@
14
14
 
15
15
 
16
16
 
17
+
18
+
19
+
20
+
17
21
  ### 発生している問題・エラーメッセージ
18
22
 
19
23
 

2

修正しました。

2021/08/06 13:30

投稿

free_teku
free_teku

スコア103

test CHANGED
File without changes
test CHANGED
@@ -24,6 +24,8 @@
24
24
 
25
25
  z-index,position: absolute,などをしても乗らない
26
26
 
27
+
28
+
27
29
  ```
28
30
 
29
31
 
@@ -396,6 +398,74 @@
396
398
 
397
399
  ```
398
400
 
401
+
402
+
403
+ ```
404
+
405
+ //スッティキーヘッダー
406
+
407
+ $(function(){
408
+
409
+ var $win=$(window),
410
+
411
+ $fv=$('.fv'),
412
+
413
+ $header=$('.header'),
414
+
415
+ fvHeight='$fv.(outerHeight)';
416
+
417
+ fixedClass='fixed';
418
+
419
+
420
+
421
+ $win.on('load scroll', function(){
422
+
423
+ var value=$(this).scrollTop();
424
+
425
+ if($win.width()>768){
426
+
427
+ if(value > fvHeight){
428
+
429
+ $header.addClass(fixedClass);
430
+
431
+
432
+
433
+ }else{
434
+
435
+ $header.removeClass(fixedClass);
436
+
437
+ }
438
+
439
+ }
440
+
441
+
442
+
443
+ });
444
+
445
+ });
446
+
447
+
448
+
449
+
450
+
451
+ //スライダー
452
+
453
+ $('.slider').slick({
454
+
455
+ autoplay: true,
456
+
457
+ autoplaySpeed: 2000,
458
+
459
+ fade: true,
460
+
461
+ speed: 1000,
462
+
463
+ cssEase: 'linear'
464
+
465
+ });
466
+
467
+ ```
468
+
399
469
  ### 試したこと
400
470
 
401
471
  z-index,position: absolute,などをしても乗らない

1

修正しました。

2021/08/06 13:23

投稿

free_teku
free_teku

スコア103

test CHANGED
File without changes
test CHANGED
@@ -6,7 +6,11 @@
6
6
 
7
7
 
8
8
 
9
- 上記のようにheader, copyを画像の上に載せたいです。
9
+ 上記のようにheader, copyを画像の上に載せたいですが、実際は下記のような状況です
10
+
11
+
12
+
13
+ ![現状](55999ba745a3911360146d32e5a04551.jpeg)
10
14
 
11
15
 
12
16