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

Question

Я хотел бы сделать автоматический прокрутка в пределах 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. Я использую speed.js, чтобы сделать автоматический прокрутки.

Answer 1

Если вы прокручиваете внутри #container вы должны предоставить container свойство на вашей скорости анимации, проверьте Julian Shapiro demo

Другим решением может быть установлено положение баннера с фиксированным вместо абсолютного