gpt4 book ai didi

c# - 单击 Blazor 中的顶部导航链接时滚动到页面的指定部分

转载 作者:太空狗 更新时间:2023-10-29 12:30:01 29 4
gpt4 key购买 nike

如何在 Blazor 中简单地“跳转到”已加载页面的一部分?在 HTML 中像这样:

<a href="#contact">Contact us</a>
...
<section id="contact">

理想情况下,我还想让它平滑地向下滚动到此部分。我想我会尝试用 CSS 解决这个问题,但也许不可能?

最佳答案

我已经通过使用 button 然后在标记中编写一些内联 Javascript 解决了这个问题。您可以将其概括为 Blazor 组件以获得加分!

<button type="button" onclick="document.getElementById('contact').scrollIntoView({behavior:'smooth'})">Contact us</button>
...
<section id="contact">

关于c# - 单击 Blazor 中的顶部导航链接时滚动到页面的指定部分,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55186784/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com