Smoothly Scroll to an Element or Page Position

    // Scroll to a specific element smoothly
    document.getElementById('myTargetElement').scrollIntoView({
        behavior: 'smooth',
        block: 'start'
    });

    // Scroll to the top of the page smoothly
    window.scrollTo({
        top: 0,
        behavior: 'smooth'
    });

    // Scroll to a specific coordinate (e.g., 500px down)
    window.scrollTo({
        top: 500,
        left: 0,
        behavior: 'smooth'
    });

How it works: This snippet demonstrates how to programmatically control page scrolling. `element.scrollIntoView()` will scroll the parent container to make the target element visible. `window.scrollTo()` moves the viewport to a specified `top` and `left` coordinate. The `behavior: 'smooth'` option provides a fluid animation for a better user experience, making these methods highly useful for navigation, 'back to top' buttons, or focus management.