scrollTo在Safari

Question

不工作我有這個滾動列表

<ol> 
    <li>...</li> 
    ... 
</ol> 

DEMO

現在，我可以使用

document.querySelector('ol').scrollTo(100); 

編程滾動但是，這並不在Safari工作。雖然這似乎是微不足道的，我找不到替代品（不使用jQuery）

如何使列表在Safari中可滾動？

Answer 1

scrollTo是window對象的屬性。而你正試圖將其應用於element。

Use element.scrollTop

代碼段

document.querySelector('ol').scrollTop = 100; 

它會做的伎倆！

分別指 Mozilla/Window/scrollTo & Mozilla/Element/scrollTop

有關scrollTo & scrollTop的更多信息，。

NOTE

document.querySelector(selectors) returns the first element within the document . If your document contains multiple <ol> elements, it will always return the first element.

To select specific element, you can assign an ID & refer the element by document.querySelector('#ID') .

希望它有幫助！

Answer 2

我相信這將幫助你： Scroll to position WITHIN a div (not window) using pure JS

有替代辦法讓你想什麼。