Skip to content

Commit

Permalink
update: 答え合わせ時と問題の切り替え時にスクロールをリセットする
Browse files Browse the repository at this point in the history
  • Loading branch information
Kogepan229 authored and watasuke102 committed Dec 2, 2023
1 parent 088059b commit fe2202f
Showing 1 changed file with 10 additions and 0 deletions.
10 changes: 10 additions & 0 deletions front/src/components/pages/exam/exam.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -252,6 +252,11 @@ export default function ExamPageComponent(props: Props): JSX.Element {
} else {
//そうでないなら次へボタン
SetNextButtonState(NextButtonState.next_question);
// スクロールをリセット
// 正解が下に表示される場合はリセットしない
if (document.body.clientWidth > 700) {
window.scrollTo({ top: 0 })
}
}
break;

Expand All @@ -268,6 +273,9 @@ export default function ExamPageComponent(props: Props): JSX.Element {
tmp[next_index].user_answer = Shuffle(exam[next_index].answer);
SetExamState(tmp);
}

// スクロールをリセット
window.scrollTo({ top: 0 })
break;

// 終了ボタンを押したらモーダルウィンドウを表示
Expand All @@ -280,6 +288,8 @@ export default function ExamPageComponent(props: Props): JSX.Element {
if (index_ref.current === 0) return;
// indexの変更
ChangeIndex(index_ref.current - 1);
// スクロールをリセット
window.scrollTo({ top: 0 })
}

function NextButton(): React.ReactElement {
Expand Down

0 comments on commit fe2202f

Please sign in to comment.