Angular立即从服务中滚动到顶部。

6 浏览
0 Comments

Angular立即从服务中滚动到顶部。

从一个服务中如何立即（非动画方式）滚动到Angular8+中的顶部？\nwindow.scrollto(0,0)无效。\n

$([document.documentElement, document.body]).animate({
   scrollTop: 0
}, 100)

\n虽然不是很优雅，但至少可以工作，但持续时间值似乎无法设置为0（这将完全失去jquery的animate方法的目的 🙂 ）。

0

1 答案

0 Comments

问题的出现原因：我一直使用scrollIntoView来实现滚动到顶部的功能。但是在某些情况下，这个方法无法正常工作。

解决方法：可以尝试使用一些可选的参数来解决这个问题。例如，可以使用element.scrollIntoView(false);来禁用滚动动画，或者使用element.scrollIntoView({block: "end"});来滚动到元素的底部。

此外，还需要确保没有设置scroll-behavior: smooth;样式，因为这可能会影响滚动行为。

总之，根据Harun在我的问题中的评论，结合使用scrollIntoView方法和适当的参数可以解决这个问题。

0