「Javascript/jqueryライブラリ/slidebars.js」の版間の差分
提供: 初心者エンジニアの簡易メモ
(ページの作成:「==slidebarsとは== #jquery用 #スマホ左メニュードロワー #スマホ右メニュードロワー ==download== https://github.com/adchsm/Slidebars/archive/0.10...」) |
(→サンプル) |
||
行23: | 行23: | ||
}) (jQuery); | }) (jQuery); | ||
</script> | </script> | ||
− | <style> | + | <style> |
.sb-slidebar.sb-left { | .sb-slidebar.sb-left { | ||
-webkit-overflow-scrolling: touch; | -webkit-overflow-scrolling: touch; |
2016年5月13日 (金) 06:55時点における版
slidebarsとは
- jquery用
- スマホ左メニュードロワー
- スマホ右メニュードロワー
download
https://github.com/adchsm/Slidebars/archive/0.10.3.tar.gz tar zxvf 0.10.3
サンプル
<!DOCTYPE html> <html lang="ja"> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <link rel="stylesheet" href="Slidebars-0.10.3/dist/slidebars.min.css"> <script src="Slidebars-0.10.3/dist/slidebars.min.js"></script> <script> (function($) { $(document).ready(function() { $.slidebars(); }); }) (jQuery); </script> <style> .sb-slidebar.sb-left { -webkit-overflow-scrolling: touch; } .sb-left-inner { width: 100%; height: 100%; overflow-y: auto; } </style> </head> <body>
</body> </html>