Auto Faites défiler une div sans déplacer toute la page avec velocity.js

Question

Je voudrais faire défiler automatiquement les lignes d'une division, mais mes codes font défiler toute la page. Comment pourrais-je faire pour que ça défile seulement dans la div?

Codes:

<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; 
} 

En 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 
}); 

Les codes je fournis ci-dessus défilera avec le .banner, mais je veux fixé la position lors du défilement automatique du div #container. J'utilise velocity.js pour faire défiler automatiquement.

Answer 1

Si vous faites défiler l'intérieur #container vous devez fournir la propriété container sur l'animation de vitesse, vérifier Julian Shapiro demo

Une autre solution pourrait être mis en position de bannière fixe au lieu d'absolu