回答編集履歴
3
修正
answer
CHANGED
|
@@ -18,10 +18,11 @@
|
|
|
18
18
|
<meta name="viewport"
|
|
19
19
|
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
|
20
20
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
21
|
-
<link rel="stylesheet" href="common.css">
|
|
22
|
-
<link rel="stylesheet" href="slick.css">
|
|
23
|
-
<link rel="stylesheet" href="slick-theme.css">
|
|
24
|
-
<link rel="stylesheet" href="
|
|
21
|
+
<link rel="stylesheet" href="http://saigentest.ojaru.jp/common.css">
|
|
22
|
+
<link rel="stylesheet" href="http://saigentest.ojaru.jp/slick.css">
|
|
23
|
+
<link rel="stylesheet" href="http://saigentest.ojaru.jp/slick-theme.css">
|
|
24
|
+
<link rel="stylesheet"
|
|
25
|
+
href="https://cdnjs.cloudflare.com/ajax/libs/jQuery.mmenu/5.6.1/css/jquery.mmenu.all.min.css">
|
|
25
26
|
<title>タイトル</title>
|
|
26
27
|
<style>
|
|
27
28
|
.mm-opened #wrap {
|
|
@@ -39,12 +40,12 @@
|
|
|
39
40
|
<h1> </h1>
|
|
40
41
|
</div>
|
|
41
42
|
<a class="menu-btn" href="#menu"></a>
|
|
42
|
-
<iframe id="iHeaderSp" src="header.html"></iframe>
|
|
43
|
+
<iframe id="iHeaderSp" src="http://saigentest.ojaru.jp/header.html"></iframe>
|
|
43
44
|
</header>
|
|
44
45
|
<main>
|
|
45
46
|
<ul class="slider wideslider">
|
|
46
|
-
<li><a href="#" target="_blank"><img src="main1.jpg"></a>
|
|
47
|
+
<li><a href="#" target="_blank"><img src="http://saigentest.ojaru.jp/img/main1.jpg"></a>
|
|
47
|
-
<li><a href="#" target="_blank"><img src="main2.jpg"></a>
|
|
48
|
+
<li><a href="#" target="_blank"><img src="http://saigentest.ojaru.jp/img/main2.jpg"></a>
|
|
48
49
|
</ul>
|
|
49
50
|
<div class="spaceWrap">
|
|
50
51
|
<p style="padding:10px; margin-bottom:10px; background-color:#A0D2D8;">
|
|
@@ -99,12 +100,12 @@
|
|
|
99
100
|
</footer>
|
|
100
101
|
</div>
|
|
101
102
|
<nav id="menu" class="menuArea">
|
|
102
|
-
<iframe id="iSlideMenu" src="leftnavi.html"></iframe>
|
|
103
|
+
<iframe id="iSlideMenu" src="http://saigentest.ojaru.jp/leftnavi.html"></iframe>
|
|
103
104
|
</nav>
|
|
104
105
|
|
|
105
|
-
<script src="jquery.min.js"></script>
|
|
106
|
+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
|
|
107
|
+
<script src="https://cdnjs.cloudflare.com/ajax/libs/jQuery.mmenu/5.6.1/js/jquery.mmenu.all.min.js"></script>
|
|
106
|
-
<script src="
|
|
108
|
+
<script src="http://saigentest.ojaru.jp/slick.min.js"></script>
|
|
107
|
-
<script src="slick.min.js"></script>
|
|
108
109
|
<script>
|
|
109
110
|
$(function () {
|
|
110
111
|
$("#hdload").load("header.html #header");
|
2
修正
answer
CHANGED
|
@@ -104,7 +104,6 @@
|
|
|
104
104
|
|
|
105
105
|
<script src="jquery.min.js"></script>
|
|
106
106
|
<script src="jquery.mmenu.all.min.js"></script>
|
|
107
|
-
<script src="jquery.mmenu.fixedelements.min.js"></script>
|
|
108
107
|
<script src="slick.min.js"></script>
|
|
109
108
|
<script>
|
|
110
109
|
$(function () {
|
1
修正
answer
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
|
|
7
7
|
- 1つ目は、質問文にて記述されている`.mm-opened #wrap`に付与した`height`プロパティを削除することで解決すると思います。
|
|
8
8
|
|
|
9
|
-
- 2つ目は、`fixedElements`というアドオンを使って、スライド
|
|
9
|
+
- 2つ目は、`fixedElements`というアドオンを使って、スライドメニューが表示された後もヘッダーが表示されるようにすることで解決できます。
|
|
10
10
|
|
|
11
11
|
この2つを行った結果、最終的なコードは以下のようになります。
|
|
12
12
|
もしも、質問者さんが上の手順でコードを修正しても問題が解決しないときは、以下のコードを実行してみてください。
|