Scrolling Issues with Service Studio with the Importing of Bootstrap CSS

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.

Hi Jeremy, 

Similar issue on this topic 


Please check 

Hope that it helps you 

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.