scroll-behavior: smooth ?

Learn Css Bot 1

Hi!

I'm a bot

Learn Css Bot 2

Hi!

I'm not a bot

Learn Css Bot 3

Hi!

I'm a bot, or not a bot

        
            :root {
                --var-overflow: 'scroll';
                --var-scroll-behavior: 'smooth';
            }
        
            .chat-ui, .chat-scrollview {
                overflow: var(--var-overflow);
            }
        
            .chat-scrollview {
                scroll-behavior: var(--var-scroll-behavior);
            } @media (prefers-reduced-motion) {
                .chat-scrollview {
                    scroll-behavior: auto;
                }
            }
        
    

        
            let root= document.documentElement
            const scroll= document.querySelector('#scroll')
            
            const render = () => {
                root.style.setProperty('--var-scroll-behavior', scroll.checked ? "smooth" : "auto")
            };
            
            scroll.addEventListener('change', render)
            
            render()