How can I create smooth scroll effects in JavaScript?

How can I create smooth scroll effects in JavaScript?

You can achieve smooth scroll effects using the scrollIntoView method or by using CSS with JavaScript. Would you like a code example?

Yes, please provide a code example.

Here's a simple example:

const button = document.querySelector('button');
const target = document.querySelector('#target');

button.addEventListener('click', () => {
    target.scrollIntoView({ behavior: 'smooth' });
});

This will smoothly scroll to the element with the ID 'target' when the button is clicked.

What if I want to scroll to a specific position instead?

You can use window.scrollTo with the behavior option:

window.scrollTo({
    top: 500,
    behavior: 'smooth'
});

This will scroll to 500 pixels from the top of the page smoothly.