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

它会成功的!

有关 scrollTo 的更多信息& scrollTop ，引用Mozilla/Window/scrollTo & Mozilla/Element/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').

希望对您有所帮助!