polymer - Polymer 2.x 中的 Iron-scroll-target-behavior 演示

Question

我需要引导浏览器滚动到页面顶部。我认为iron-scroll-target-behavior可能是个不错的选择。但我找不到任何工作演示。

任何人都可以找到或指向我的 iron-scroll-target-behavior 元素的工作演示吗？

这是 webcomponents.org 上的元素。

Answer 1

而不是scroll-target-behavior，我只是使用该平台并使用：scrollIntoView()。文档

例子

const element = document.getElementById("box");

element.scrollIntoView();
element.scrollIntoView(false);
element.scrollIntoView({block: "end"});
element.scrollIntoView({behavior: "instant", block: "end", inline: "nearest"});

或者，滚动到页面顶部：

document.body.scrollIntoView({
  behavior: "smooth",
  block: "top",
})