Angular路由器点击滚动
提问于 2020-07-29 12:29:00
在我的angular项目中，我有一个点击，它存储了一些信息，然后使用router.navigate函数移动到一个新页面。喜欢
localStorage.setItem('data', stringify(data));
localStorage.setItem('search', stringify(this.search));
this.router.navigate(['/somewhere/someplace/search']);这是完美的工作，但是，当转到新页面时，如果您滚动到页面底部，新页面将停留在页面底部。有没有办法将它移动/滚动到页面的顶部，这样用户就不必向上滚动来查看内容了？
回答 1
Stack Overflow用户
发布于 2020-07-29 15:14:02
您可以使用$window.scrollTo(x, y);将页面的滚动设置为与页面对应的x和y值。
将两者都设为0表示在页面的左上角(页面的开头)，因此在您的情况下，我将执行$window.scrollTo(0, 0);
另外，如果您希望它专注于某个元素，而不仅仅是滚动到顶部，请执行以下$window.scrollTo(0, angular.element('myelement').offsetTop);
在您的情况下，它将是这样的
localStorage.setItem('data', stringify(data));
localStorage.setItem('search', stringify(this.search));
this.router.navigate(['/somewhere/someplace/search']);
$window.scrollTo(0, 0);页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/63153621
复制
腾讯云开发者
