Blazor页面参数导航时不滚动
创始人
2024-12-22 03:00:19
0

在Blazor中,如果您要在同一页上导航并传递参数,则可以使用以下方法:

  1. 创建语义化的锚点,例如:

Go to section

  1. 在页面上创建一个同名的片段,例如:

Section Title

  1. 创建ScrollToSection方法:

@code { public void ScrollToSection(string sectionId) { var element = await JSRuntime.InvokeAsync("document.getElementById", sectionId); await element.ScrollIntoViewAsync(); } }

此方法将获取具有所传递的ID的元素,并将其滚动到页面上。

例如,如果您要导航到同一页上的另一部分并传递参数,则可以使用以下代码:

Go to section 2

@code { public void NavigateToSection(string sectionId) { var uri = new Uri(NavigationManager.Uri); var newUri = $"{uri.Scheme}://{uri.Authority}{uri.AbsolutePath}#{sectionId}"; NavigationManager.NavigateTo(newUri); } }

此方法将获取当前URI并为其添加片段ID,然后使用导航管理器导航到新的URI。

相关内容

热门资讯

黑科技好友!(AaPOKER)... 黑科技好友!(AaPOKER)透明挂辅助器,(AApOKER)从来是真的有挂,软件教程(有挂攻略)1...
黑科技插件(wEPOKE)黑科... 黑科技插件(wEPOKE)黑科技透明挂辅助技巧(透视)安装教程(真是真的有挂);1、wEPOKEai...
黑科技最新!(微扑克)透视辅助... 黑科技最新!(微扑克)透视辅助机制,(微扑克wpk)原本是真的有挂,教你攻略(有挂教程);1.微扑克...
黑科技辅助(wepokE)黑科... 黑科技辅助(wepokE)黑科技透明挂辅助助手(透视)AI教程(真是有挂)1、该软件可以轻松地帮助玩...
黑科技美元局!(WPk)透视辅... 《黑科技美元局!(WPk)透视辅助器,(WpK)切实是真的有挂,德州教程(有挂技巧)》 德州软件透明...
黑科技有挂(We辅poker助... 黑科技有挂(We辅poker助)黑科技透明挂辅助app(透视)科技教程(好像是有挂);运We辅pok...
黑科技好友房!(Aapoker... 这是一款非常优秀的AAPOKeR ia辅助检测软件,能够让你了解到AAPOKeR中牌率当中全部隐藏参...
黑科技美元局(wPk)外挂透视... 黑科技美元局(wPk)外挂透视辅助软件(透视)技巧教程(切实是真的有挂)小薇(透视辅助)致您一封信;...
黑科技软件!(德州)外挂辅助软... 黑科技软件!(德州)外挂辅助软件,(德州)本来是有挂,技巧教程(有挂技巧);亲真的是有正版授权,小编...
黑科技数据(德州)外挂辅助挂(... 黑科技数据(德州)外挂辅助挂(透视)2025新版总结(原来是真的有挂)1、很好的工具软件,可以解锁游...