如何使Angular路由器链接禁止滚动到页面顶部？
在Angular应用中，可以通过以下几种方法来禁止路由器链接滚动到页面顶部：
- 使用routerLink属性：在HTML模板中，可以使用routerLink属性来设置路由链接，例如：
- 使用routerLink属性：在HTML模板中，可以使用routerLink属性来设置路由链接，例如：
- 通过设置
routerLinkScroll属性为"disabled"，可以禁止路由链接的滚动行为。 - 在路由模块中配置滚动位置：在路由模块中，可以通过设置
scrollPositionRestoration属性为"disabled"来禁止路由的滚动行为。示例代码如下： - 在路由模块中配置滚动位置：在路由模块中，可以通过设置
scrollPositionRestoration属性为"disabled"来禁止路由的滚动行为。示例代码如下： - 使用代码手动控制滚动位置：在组件中，可以通过监听路由导航事件，并在导航结束后手动控制滚动位置。示例代码如下：
- 使用代码手动控制滚动位置：在组件中，可以通过监听路由导航事件，并在导航结束后手动控制滚动位置。示例代码如下：
这些方法可以帮助你禁止Angular路由器链接滚动到页面顶部。对于更详细的Angular路由器和滚动行为的了解，可以参考腾讯云官方文档中的相关内容：Angular 路由器。
相关·内容
如何在单击Angular路由器链接时禁用滚动到顶部？我有三个子路线，我希望在同一个父页面之间导航，我不希望当用户单击这些链接时，应用程序会滚动到页面顶部。所以我希望页面在点击链接之前保持在相同的位置。有没有办法做到这一点？
浏览 19提问于2020-04-14得票数 1
ui路由器和1.4 angular路由器支持autoscroll="true"，使页面能够在导航到另一条路线时滚动到页面顶部。有谁知道如何使用实现这一点吗？ng-outlet似乎没有自动滚动属性，并且路由器本身似乎没有任何我可以监听的事件，所以我可以手动将其连接起来。
浏览 3提问于2015-07-17得票数 0
有人知道如何使用Angular 4并以编程方式将页面滚动到顶部吗？我的用例是我有一个搜索页面，输入在顶部，其他搜索结果页面的链接在底部。当用户单击链接(2,3,4...)我想用新的结果填充页面(功能完整)，然后滚动到页面顶部显示结果(此功能不完整)。我发现使用JQuery ()可以做到这一点，但我想知道是否有一种方法可以保持在Angula
浏览 2提问于2017-08-13得票数 11
回答已采纳
我在div元素中有一个链接列表，当单击一个链接时，我使用dropcontent.js将内容加载到另一个div中。我现在想添加一些代码，滚动点击的链接到浏览器窗口的顶部。This is some intro text for project 2</p> <div class="pictures"></div>我已经找到了在点击链接时滚动
浏览 1提问于2011-12-02得票数 3
回答已采纳
因此，我很难弄清楚如何在用户交互时将页面滚动到窗口顶部(如单击项目)。在AngularJS中，我可以使用$window.scrollTo(0, 0);，但我没有使用Angular2路由器，所以需要类似于$window的东西
任何帮助都将不胜感激。
浏览 1提问于2016-06-06得票数 10
回答已采纳
11回答
我在我的html页面上有一个指向锚的链接。当单击该链接时，它会使页面滚动到锚点，以便锚点位于页面可见部分的最顶部。如何使页面滚动，使锚点位于页面中间？
浏览 0提问于2009-09-13得票数 38
回答已采纳
1回答
涡旋上固定边栏
、、
我尝试将侧边栏设置为一个固定位置，当它到达屏幕顶部时，当它到达底部的页脚时，它就会被删除。问题是，当用户回滚时，它不是平滑的，而是跳回顶部。
有人能帮我看一下这个吗，并指导我如何使它变得更流畅？链接到页面：
浏览 2提问于2016-07-19得票数 0
回答已采纳
我使用一个简单的链接导航到另一个带有HashLocationStrategy的页面：点击上面的链接后，mypage正在加载，但由于我向下滚动了上一页，它被加载在页面的中间(与上一页相同的滚动位置)。
浏览 0提问于2017-02-01得票数 1
我有一个Angular 7应用程序，我使用静态网站托管在S3中托管。我还没有购买域名或设置CloudFront，因为我仍然在网站的发展。我的问题是，当导航由导航栏中的单击事件触发时，路由是正常工作的(代码使用路由器链接)，但是如果我在根("/")以外的任何页面上点击刷新，我会收到来自S3的403禁止错误：正如我所说的，angular路由似乎工作正常，因为我在代码中使用了路由器链接来处理导航，下面是一个示例：
&
浏览 2提问于2019-08-25得票数 5
1回答
角9不能导航到锚
、、、、
我有一个角度应用程序，我试图通过锚链接到页面上的特定位置，并从代码中导航。我已经用下面的ExtraOptions设置了路由器 scrollPositionRestoration: 'enabled但是，不要滚动到靠近顶部的“任务”锚点，而是一直滚动到页面底部。我还尝试将scrollPositionRestoration属性设置为top和disabled，但两者似乎都没有改变任何东西
浏览 1提问于2020-07-29得票数 0
回答已采纳
我有一个带有路由器链接的div标签。当单击div tag时，它应该导航到另一个页面。另外，在路由器激活之前，我使用路由器解析来获取数据。当单击div标签时，页面滚动到顶部，然后导航到另一个页面。如何解决这个问题？
浏览 0提问于2017-04-24得票数 5
1回答
如何确保当单击<app-navbar>组件中的路由器链接时，浏览器将向下滚动到路由器出口？col-lg-7"> </div></div>
<app-navbar>包含路由器链接，<
浏览 1提问于2019-10-16得票数 1
我在我的页面底部有一个链接Online Marketing滚动到页面顶部，但它使文本变为蓝色并带有下划线，我该如何添加一些代码来删除它的文本消减我尝试过a href="javascript:scroll(0,0)" style="text-decoration: none; color:#FFFFF
浏览 1提问于2012-01-27得票数 0
回答已采纳
我即将开始学习角度，我只是想知道是否有可能使它能够在滚动并点击一个链接改变视图后，如何使它在加载到滚动位置的下一个视图时从其当前位置滚动到页面的顶部(或一个锚点)，而不只是跳到页面的顶部？
浏览 6提问于2015-01-01得票数 1
回答已采纳
2回答
我使用Angular 7创建了一个登录页面，在初始app.component.html文件中创建了登录页面的外观，并在app.component.ts文件中实现了逻辑。我还放了一个链接“忘记密码”。我将路由器链路重定向到forgot-password.component.html。url会正确更改(从localhost:4200更改为localhost:4200/forgot-password)，但forgot-password.component.html会绘制在前一个登录页面</em
浏览 17提问于2019-01-22得票数 0
回答已采纳
我是angular2的新手。如何在angular2中从一个页面导航到另一个页面？为此，我使用了路由器插座。它只是在一个组件之间重定向到另一个组件，但是我想从主页重定向到另一个组件，当我单击dropdown items.Do时，我需要使用页面路由器出口吗？如果是这样，如何使用它以及如何安装nativescript等等。提前感谢您的回复。
浏览 4提问于2017-07-11得票数 0
2回答
我想知道如何用Ember做一个像那样的菜单？那么，我应该如何构建到每个部分的锚链？当我们滚动页面时，最好的解决方案将自动更新路由，但任何处理链接和URL识别的解决方案都会很好。
浏览 1提问于2013-03-25得票数 5
因为下面的产品类别链接在所有页面中都可见，所以如果我在到达ngif的某个组件后单击此链接，这不会使我返回ProductsStartComponent。因为我是Angular的新手，我对此行为的理解是因为所有的值/模型都已设置，这就是它不能导航的原因。我认为这可以通过刷新或重新加载页面来实现，但如何实现呢？请给我建议。active"><a routerLink="categories"><p>Products Categ
浏览 1提问于2017-08-10得票数 47
我在每个链接上使用angular2和angular2 routerLinkActive来设置活动链接。一切都很好。当用户单击链接时，路由变为活动，链接得到注入的“活动”类，我可以相应地进行样式设置。const routes: Routes = [这可以在用户首次导航到页面时成功地加载
浏览 4提问于2017-04-24得票数 5
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
