# SPAでページを切り替えた場合のスクロール位置について

**URL:** <https://www.nocode-faq.com/t/topic/2987>\
**Category:** bubble\
**Created:** [2022 年 7 月 5 日午後 4:00 UTC](https://www.nocode-faq.com/t/topic/2987 "2022-07-05T16:00:35Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![koyama](https://avatars.discourse-cdn.com/v4/letter/k/919ad9/32.png) [@koyama](https://www.nocode-faq.com/u/koyama)\
**Post date:** [2022 年 7 月 5 日午後 4:00 UTC](https://www.nocode-faq.com/t/topic/2987/1 "2022-07-05T16:00:35Z")

</div>

・問題  
SPAにおいて、ある程度下にスクロールした後にページを切り替えると、その次のページがそのスクロールポジションから表示されてしまう(一番上までスクロールされた状態から始まって欲しい)

・現状対策  
page is loadedで上までscrollさせようと思ったのですが、ゆっくりscrollされ、スクロールの過程がユーザーに見えてしまいます。

・質問  
上の問題を解決できる方法を教えていただきたいです。  
ご回答よろしくお願いいたします。

---

<div class="post-metadata">

**Author:** ![Aki\_Sydney](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/aki_sydney/32/6600_2.png) [@Aki\_Sydney](https://www.nocode-faq.com/u/Aki_Sydney)\
**Post date:** [2022 年 7 月 6 日午前 1:36 UTC](https://www.nocode-faq.com/t/topic/2987/2 "2022-07-06T01:36:04Z")

</div>

min heightが設定されていると、ページの高さが要素の高さ以上になる場合があるので、ここが0になっているかご確認ください。  
遷移先ページの必要な高さが大きくない場合は、これで解消されることがあります。

 ![2022-07-06_11h33_22](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/3/3e9a38af1903f724201c8cd1281de9041caa1e72.png)

遷移先の高さも大きい場合は、JavaScriptなどでその瞬間のアニメーションを切るなどの対策が必要かもしれません。

---

<div class="post-metadata">

**Author:** ![koyama](https://avatars.discourse-cdn.com/v4/letter/k/919ad9/32.png) [@koyama](https://www.nocode-faq.com/u/koyama)\
**Post date:** [2022 年 7 月 9 日午後 1:17 UTC](https://www.nocode-faq.com/t/topic/2987/3 "2022-07-09T13:17:13Z")

</div>

返信遅れてしまい大変申し訳ありません。Javascriptでアニメーションを切ることが出来るんですね！  
ありがとうございます！