单击按钮后如何向下滚动50像素

Question

单击按钮后，如何在Angular中向下滚动页面？我试过了，但没用。那么我该如何让页面向下滚动50像素呢？

window.scrollBy(0, 50);

Answer 1

试试这个，

window.scrollTo(window.scrollX, window.scrollY + 50);

Answer 2

使用角度视口滚动器服务。提供了scrollToPosition方法。您可以将postion定义为此方法的参数。

试试这个：

constructor(private vps: ViewportScroller) {}
scroll() {
this.vps.scrollToPosition([0, 50]);
}

示例