Comment faire défiler automatiquement inline div sans faire défiler toute la page?

Question

J'ai un div comme conteneur pour une vue de fichier. Ce div a défilement dans y direction.

Je veux faire défiler automatiquement le contenu à l'intérieur de ce conteneur div à une position spécifique lors du chargement de la page, mais sans faire défiler toute la page. J'ai essayé avec <a name="scrollHere"> et location.hash = 'scrollHere'; mais cela fait défiler toute la page.

Avez-vous des idées?

Answer 1

Utilisez scrollTop sur l'élément conteneur avec une valeur calculée à partir de la position y de l'élément à l'intérieur du conteneur.

Mozilla Element.scrollTop

stackoverflow: javascript-textarea-scrolltop

Answer 2

En utilisant scrollTop exige que vous connaissez la position que vous allez, et il pourrait changer les changements de contenu. Une solution possible est d'ajouter une balise d'ancrage et d'appeler le focus lorsque la page est chargée, le navigateur s'occupe de la faire défiler pour vous.

Si vous utilisez Ext, vous pouvez utiliser Element.scrollIntoView. Sinon, vous pouvez consulter leur code source pour savoir comment implémenter scrollIntoView.

http://www.extjs.com/deploy/dev/docs/source/Element.scroll-more.html#method-Ext.Element-scrollIntoView