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

Question

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

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

Here is the element on webcomponents.org.

Answer 1

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

例子

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",
})

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

Demo for iron-scroll-target-behavior in Polymer 2.x

demo

polymer

iron-elements

polymer-2.x