- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
为 RouterModule
使用 scrollPositionRestoration: 'enabled'
确实是一个不错的功能,但是如何禁用滚动动画/平滑滚动以使其捕捉到该位置?
@NgModule({
imports: [
RouterModule.forRoot(routes, {
scrollPositionRestoration: 'enabled',
}),
],
exports: [RouterModule]
})
export class AppRoutingModule {
}
背景:平滑滚动感觉不像在“正常”网站上导航,因为通常如果来回导航就不会平滑滚动。
最佳答案
问题不在于 Angular,而是 Bootstrap 将 CSS smooth-scrolling
设置为 smooth
。
通过 $enable-smooth-scroll: false;
禁用它
关于没有动画/平滑滚动的 Angular scrollPositionRestoration?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/69585152/
我目前使用的是 Angular 6.1.5。当网站被路由到不同的页面时,我希望页面滚动回到顶部。我尝试使用 { scrollPositionRestoration: 'top' } 但它不起作用。 这
为 RouterModule 使用 scrollPositionRestoration: 'enabled' 确实是一个不错的功能,但是如何禁用滚动动画/平滑滚动以使其捕捉到该位置? @NgModul
为 RouterModule 使用 scrollPositionRestoration: 'enabled' 确实是一个不错的功能,但是如何禁用滚动动画/平滑滚动以使其捕捉到该位置? @NgModul
scrollPositionRestoration :'top' 不适用于 RouterModule.forchild()? angular 7 中是否有任何解决方案可以确保页面在导航后始终滚动到顶部
我是一名优秀的程序员,十分优秀!