如何在不滾動整個頁面的情況下自動滾動內聯div？

Question

我有一個div作爲文件視圖的容器。這div已滾動y方向。

我想在加載頁面時自動將容器內容div的內容滾動到特定位置，但不滾動整個頁面。我嘗試過使用<a name="scrollHere">和location.hash = 'scrollHere';，但是這會滾動整個頁面。

你有什麼想法嗎？

Answer 1

在容器元素上使用scrollTop，並根據容器內元素的y位置計算出一個值。

Mozilla Element.scrollTop

stackoverflow: javascript-textarea-scrolltop

Answer 2

使用scrollTop的需要，你知道你要的位置，它可以改變爲內容的變化。一個可能的解決方案是添加一個錨標籤並在頁面加載時調用焦點，瀏覽器負責爲您滾動。

如果使用Ext，則可以使用Element.scrollIntoView。否則，你可以看看他們的源代碼，以獲取有關如何執行scrollIntoView的靈感。

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