section{ border-top: 10px solid; padding: 80px 20px; } section p+p{ margin-top: 30px; } body.fix{ /*指定しておかないとなんか右側が空く*/ width: 100%; } #btn{ position: fixed; top:20px; right: 20px; z-index: 99; } #menu{ background: rgba(0, 0, 0, .6); display: none; /*必要*/ height: 100%; width: 100%; } body.fix #menu{ display: block; color: white; padding: 20px; /*↓必要*/ position:fixed; top: 0; overflow-y: scroll; }

テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。

テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。

テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。

テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。テキストが入ります01。

テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。

テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。

テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。

テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。テキストが入ります02。

テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。

テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。

テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。

テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。テキストが入ります03。

jQuery(function($){ var scrollPos;//グローバルで初期かしておかないと上にもどっちゃう $('#btn').on('click', function() { if($('body').hasClass('fix')){ $('body').removeClass('fix').css('top',0 + 'px'); window.scrollTo( 0 , scrollPos );//初期化 }else{ scrollPos = $(window).scrollTop();//現在のスクロール位置 $('body').addClass('fix').css('top',-scrollPos + 'px'); } }); });
【css・js】スマホメニューの「position: fixed;」の使い方(失敗)
2019/02/12