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

标签 c# html css blazor

如何在 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/

相关文章:

html - 如何将文本对 Angular 放置,但字母水平放置?

html - Bootstrap 移动菜单 100%

c# - 异步等待从内部任务结果中获取异常

c# - 包装 C++ 以便在 C# 中使用

c# - 四种方式获取客户端ip地址的区别

c# - 如何在 ASP.NET MVC 2 中的自定义模型绑定(bind)器中获取 FormValueProvider 实例

javascript 事件函数 - 在声明之前调用

javascript - Angularjs教程第7步;无法看到动态创建的列表

javascript - 文本框的字符限制

c# - Facebook 喜欢 Ext3 按钮的通知图标