teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

修正

2020/05/15 02:29

投稿

mariueda
mariueda

スコア8

title CHANGED
File without changes
body CHANGED
@@ -1,3 +1,16 @@
1
1
  bodyタグにoveflow:auto;を指定した状態はマストで、アンカーリンクを効かせることは可能でしょうか。
2
2
 
3
- ハンバーガーメニューを開くと背景をoverflow:hidden;にして固定させ、閉じるとoverflow:auto;にしてスクロールさせるという処理をJSで行っているのですが、bodyにかけているためなのか閉じた後にアンカーリンクを押すとページ内リンクしない状態です。
3
+ ハンバーガーメニューを開くと背景をoverflow:hidden;にして固定させ、閉じるとoverflow:auto;にしてスクロールさせるという処理をJSで行っているのですが、bodyにかけているためなのか閉じた後にアンカーリンクを押すとページ内リンクしない状態です。
4
+
5
+ ```JS
6
+ // スマホメニューの背景をスクロールさせない
7
+ $(function() {
8
+ $('.hamburger').click(function() {
9
+ if ($('.hamburger').prop('checked') == false) {
10
+ $('body').css('overflow', 'hidden');
11
+ } else {
12
+ $('body').css('overflow', 'auto');
13
+ }
14
+ });
15
+ });
16
+ ```