Автоматическая прокрутка div без перемещения всей страницы с помощью speed.js

Я хотел бы сделать автоматическую прокрутку внутри div, но мои коды прокручивают всю страницу. Как мне сделать так, чтобы он прокручивался только в div?

Коды:

<div class="banner">
    div class="logo"></div>
</div>
<div id="container">
    <div class="tile"></div>
    .
    .
    .
</div>

CSS:

.banner{
    position: absolute;
    width: 100%;
    height: 50px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.logo{
    background-image: url(image.png) center no-repeat;
}

#container{
    width: 1800px;
    height: 1050px;
    position: absolute;
}

В JQuery:

var scrollWidth = $("#container").width();
var scrollHeight = $("#container").height();
$("#container").velocity("scroll", {
    axis: "x",
    duration: 10000,
    offset: scrollWidth 
})
.velocity("scroll", {
    axis: "y",
    duration: 10000,
    offset: scrollHeight 
});

Коды, которые я предоставил выше, будут прокручиваться вместе с .banner, но я хочу зафиксировать положение при автоматической прокрутке div #container. Я использую скорость.js для автоматической прокрутки.