CSS Conflit avec jQuery scrollintoview() plugin dans Chrome

Question

J'ai un site qui utilise le plugin scrollintoview (https://github.com/litera/jquery-scrollintoview), mais il y a une sorte de conflit en cours avec le CSS . J'ai un violon sans CSS qui fonctionne comme prévu et un avec CSS qui ne fonctionne pas. Des idées sur les types de propriétés qui me manquent provoquent des conflits? Il y a plus d'informations dans l'info des violons. Travail (sans CSS): http://jsfiddle.net/beej/vEGxg/1/ Non-travail (w/CSS): http://jsfiddle.net/beej/vEGxg/

REMARQUE: je ne l'observe que dans Chrome. Tous les autres navigateurs (IE8-9 et FF) semblent se comporter comme prévu, avec l'élément défilant dans la vue.

Answer 1

Dans le jsfiddle ne fonctionnant pas, supprimez la "position: absolute;" propriété près de la ligne # 7 à l'intérieur de ce bloc CSS:

.background { 
    position: absolute; 
    width: 100%; 
    background:#042F62 url(../images/bg.jpg) top center no-repeat 
}