jQueryめも

メニューが開いている間は背景を固定する

<style>
.scroll-prevent {
    position: fixed;
    z-index: -1;
    width: 100%;
    height: 100%;
}
</style>
<script>
// メニューを開いた時
$('html').addClass('scroll-prevent');

// メニューを閉じた時
$('html').removeClass('scroll-prevent');
</script>

メニューの高さを調整する

<script>
// 読み込み時とリサイズ時に設定
$(window).on('load resize', function(){
    // 表示領域の高さを取得して設定
    var h = $(window).height();
    $('#hamburger_menu').height(h);
});
</script>

トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2018-08-10 (金) 11:59:24 (5d)