ワードプレスで作成した、レスポンシブブログを作成してます。
PC表示は問題なく、SP表示でつまづいています。
SPはハンバーガーメニューをクリックでドロワーメニューが出てくるタイプです。
(左からぬるっと出てくるメニュー)
最下部に上へ戻るボタンを配置しているのですが、ドロワーメニューの関係で使用している
css「overflow-y: scroll; */」が邪魔をして<a href="#TOP">が効きません。
「overflow-y: scroll; */」と「<a href="#TOP">」ページ内リンクは併用できないのでしょうか?
ここにたどり着くまで二日間程かかってしまい、消耗中です・・ご教授いただけますと助かります。
(JSやPHPでも代理になるような記述がもしあれば教えていただけるととても助かります。)
【追記コード】 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <nav>ドロワーメニュー</nav> <div id="TOP"> <header>固定ヘッダー</header> <div class="main_footer">★ <main></main> <footer> <a href="#TOP"></a> </footer> </div> </div> </body> </html> <style>(実際はcss読み込み) .main_footer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; } </style> ★(スクロール中にドロワーメニューを開くとページトップに戻るため、overflow-y: scroll;をかける為にdivでくくる)
回答1件
あなたの回答
tips
プレビュー