在Angular4应用程序中使用CSS将滚动设置为顶部
在我的Angular4应用程序中,当我向下滚动某个列表并单击某个列表项以查看其他路径上的详细信息时,需要向上滚动才能转到页面顶部在Angular4应用程序中使用CSS将滚动设置为顶部,css,angular,scroll,Css,Angular,Scroll,在我的Angular4应用程序中,当我向下滚动某个列表并单击某个列表项以查看其他路径上的详细信息时,需要向上滚动才能转到页面顶部 我找到了一些答案,可以使用JQuery将滚动设置为顶部。但是,是否可以仅使用CSS(SASS可能是)将滚动设置为顶部?这里是仅使用基于CSS的平滑滚动的快速示例。下面是另一个答案 希望这有帮助 html{ 滚动行为:平滑 } a{ 显示:块; 背景:#fff; 填充:4px; } div{ 高度:1000px; 宽度:200px; 填充:4px; } #红色的{ 背
我找到了一些答案,可以使用JQuery将滚动设置为顶部。但是,是否可以仅使用CSS(SASS可能是)将滚动设置为顶部?这里是仅使用基于CSS的平滑滚动的快速示例。下面是另一个答案 希望这有帮助
html{
滚动行为:平滑
}
a{
显示:块;
背景:#fff;
填充:4px;
}
div{
高度:1000px;
宽度:200px;
填充:4px;
}
#红色的{
背景:红色;
}
#蓝色的{
背景:蓝色;
}
#绿色的{
背景:绿色;
}
#黄色的{
背景:黄色;
}
试试这个,不要使用css。在应用程序组件(引导)中,订阅路由器并检查事件是否为NavigationEnd的实例,然后将scoll窗口置于顶部
import {Component, ElementRef, Inject} from '@angular/core';
import {NavigationEnd, Router} from '@angular/router';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
elementRef: ElementRef;
constructor(@Inject(ElementRef) elementRef: ElementRef,
private router: Router) {
this.elementRef = elementRef;
router.events.subscribe((myEvent) => {
if (myEvent instanceof NavigationEnd) {
window.scrollTo(0, 0);
}
});
}
}
这里是工作普朗克: