回答編集履歴
1
ミスがあったため修正。
answer
CHANGED
|
@@ -2,9 +2,21 @@
|
|
|
2
2
|
[http://git.blivesta.com/drawer/](http://git.blivesta.com/drawer/)
|
|
3
3
|
|
|
4
4
|
↑これでしょうか。
|
|
5
|
-
jQueryが1系統と古いので、他の物を探すことをお勧めはします。
|
|
5
|
+
jQueryが1系統と古いので、**他の物を探すことをお勧め**~~は~~**します。**
|
|
6
|
-
下記のように右と左を区別するように書けば多分動くと思いますが、私がiScrollと相性が悪いのでテストはできませんでした。
|
|
7
6
|
|
|
7
|
+
最初から左右のサンプルがあるものを探してみては。
|
|
8
|
+
|
|
9
|
+
【ハンバーガーメニューの実装もこれなら簡単！パネルを左右上下からスライドさせる超軽量スクリプト -Pushbar.js | コリス】
|
|
10
|
+
[https://coliss.com/articles/build-websites/operation/javascript/sliding-drawers-pushbar.html](https://coliss.com/articles/build-websites/operation/javascript/sliding-drawers-pushbar.html)
|
|
11
|
+
|
|
12
|
+
【ドロワーメニューを簡単に実装できるjQueryプラグイン5選 | ProgramMemo】
|
|
13
|
+
[http://program-memo.com/archives/401](http://program-memo.com/archives/401)
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
---
|
|
17
|
+
|
|
18
|
+
~~下記のように右と左を区別するように書けば多分動くと思いますが、私がiScrollと相性が悪いのでテストはできませんでした。~~（20190130追記：独立して動かせませんでした）
|
|
19
|
+
|
|
8
20
|
```js
|
|
9
21
|
<div class="drawer drawer--right">
|
|
10
22
|
<button type="button" class="drawer-toggle drawer-toggle1 drawer-hamburger">
|
|
@@ -50,12 +62,4 @@
|
|
|
50
62
|
} );
|
|
51
63
|
} );
|
|
52
64
|
} ); // 未テスト
|
|
53
|
-
```
|
|
65
|
+
```
|
|
54
|
-
|
|
55
|
-
最初から左右のサンプルがあるものを探してみては。
|
|
56
|
-
|
|
57
|
-
【ハンバーガーメニューの実装もこれなら簡単！パネルを左右上下からスライドさせる超軽量スクリプト -Pushbar.js | コリス】
|
|
58
|
-
[https://coliss.com/articles/build-websites/operation/javascript/sliding-drawers-pushbar.html](https://coliss.com/articles/build-websites/operation/javascript/sliding-drawers-pushbar.html)
|
|
59
|
-
|
|
60
|
-
【ドロワーメニューを簡単に実装できるjQueryプラグイン5選 | ProgramMemo】
|
|
61
|
-
[http://program-memo.com/archives/401](http://program-memo.com/archives/401)
|