How to smooth scroll using JavaScript? I want to **Smooth Scroll Down To Div** Can anyone know how to add smooth scroll in the JavaScript code below

```js
function scroll_to(val) {
 if(val== "Scroll down to div id")  
    document.getElementById('divid11').scrollIntoView();
}
```

```html
<select onchange="scroll_to(this.value);">
<option>1111111</option>
<option>2222222</option>
<option >Scroll down to div id</option>
<option>4444444</option>
<option>5555555</option>
<option>6666666</option>
</select>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <div id='divid11'>scroll</div>
```