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

【问题标题】：Demo for iron-scroll-target-behavior in Polymer 2.xPolymer 2.x 中的 Iron-scroll-target-behavior 演示
【发布时间】：2018-05-28 21:01:53
【问题描述】：

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

谁能找到或指向我的 iron-scroll-target-behavior 元素的工作演示？

Here is the element on webcomponents.org.

【问题讨论】：

标签： polymer polymer-2.x demo iron-elements

【解决方案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",
})

【讨论】：