You are viewing limited content. For full access, please sign in.

Question

Question

How to prevent the scrollbar from repositioning the page?

asked on August 11, 2020

I've noticed that on a form with multiple pages, if the page is long enough to require scrolling, it repositions the form ever so slightly to the left, assumedly to make room for the scroll bar. When clicking between pages, it can be slightly jarring with the form moving around. Is there any way to prevent this behavior and force the pages to appear in the same location, despite the presence of the scroll bar?

0 0

Answer

SELECTED ANSWER
replied on August 13, 2020

Hi Dylan,

You can use this CSS to keep the page the same:

body {
  padding-left: calc(100vw - 100%);
}

 

0 0
replied on August 13, 2020

Thank you Jim! That looks so much cleaner!!!

1 0

Replies

You are not allowed to reply in this post.
You are not allowed to follow up in this post.

Sign in to reply to this post.