# Scroll to Element

## JavaScript function <a href="#javascript-function" id="javascript-function"></a>

<pre class="language-javascript"><code class="lang-javascript">function scrollDown(triggerClass, elementToScroll, timeToScroll){
    $(triggerClass).on('click', function(){
        $('html, body').animate({
            scrollTop: ($(elementToScroll).offset().top)
        }, timeToScroll);
<strong>    })
</strong>}
</code></pre>

## JavaScript Call <a href="#javascript-call" id="javascript-call"></a>

```javascript
$(document).ready(function () {
    scrollDown('#scroll-down', '.page-content', 1000);
});
```

## HTML <a href="#html" id="html"></a>

```html
<div id="scroll-down"></div>
```