Hi guys,
My SPA has a vertical scrollbar that appears on page that are longer than the current viewport (like everyones!) but it shifts the whole page left a few px to accomodate the new onscreen element.
When the user navigates to a page that isn’t overflowing, the site moves right again.
How can I mitigate that left/right shifting for the end user?
You should be able to sort this by hiding the scroll bar, it is likely the browser adding the pixels. try it in a different browser also.
You will need to give repeating group an ID and add some CSS on to the page via a HTML element.
Then try adding the following code.
<style>
#yourID::-webkit-scrollbar { display: none; }
#yourID {
-ms-overflow-style: none;
scrollbar-width: none;
}
</style>
