I encountered problems scrolling pages, especially long ones, in Service Studio, when I imported (@import) the whole Bootstrap CSS into my Reactive Web Application.

It occurred to me that what could be causing the problem could be a CSS selector of a higher order. I then started checking "body" to see if there were any properties that may be causing the issue. I then saw the following statements right new to the "body" declaration

@media (prefers-reduced-motion: no-preference) {  :root {    scroll-behavior: smooth;  }}

The "scroll-behavior" property hits the spot on where my problems could potentially be and I tried removing it and it has solved the scrolling issue within Service Studio.