$ mdToast show / hide导致屏幕在设置overflow-y时滚动到网站顶部 - AngularJS

Question

当用户提交表单

时，我有一个简单的toast pops

$mdToast.show(
    $mdToast.simple()
    .textContent('Your order form has been submitted.')
    .position('bottom left')
    .hideDelay(5000)
);

它工作正常，烤面包显示在左下角，用户可以在网站可见时向下滚动。当它显示/隐藏时，它不会将视图滚动到屏幕顶部。但我有一个错误，其中吐司导致屏幕跳跃，因为它隐藏了垂直滚动条然后它再次出现。

为了解决这个问题，我添加了

html {
    overflow-y:scroll;
}

这会阻止屏幕跳跃，但现在当吐司显示/隐藏时，它会将屏幕滚动到页面顶部。

如何阻止它滚动显示/隐藏？

Answer 1

我遇到了同样的问题，

我这样解决了：

在身体中添加一个专用div：

standard

使用这个CSS：

<div id="toast-container"></div>

然后，只需在通话中添加父母：

  #toast-container
    position fixed
    top 0
    right 0
    left 0
    bottom 0
    visibility hidden
    > *
      visibility visible