Blazor技术里怎么实现控制textarea元素滚动条自动滚动底部？

Question

如题，以前用传统的js方法很好控制，就是修改textarea元素的scrollTop属性即可，但在razor文件里不用JavaScript应该怎样才能实现相同的效果（获取页面元素并控制滚动）？

Answer 1

没提供api获取dom，但是可以调用写好的js方法，实际也是生成js代码发送到客户端执行的，这个是b/s模式的限制。有帮助麻烦点个采纳【本回答右上角】，谢谢~~

[_Host.cshtml/index.html]

<script>
function accessDOMElement() {
    var btn;
    // access DOM here
    btn = document.getElementById('btn');
    btn.innerText = "Button Textchanged";
}
</script>

[index.razor]

@page "/"
@inject IJSRuntime jsRuntime

<h1>@Title</h1>

<button id="btn" @onclick="UpdateTitle">Update Title</button>

@code {
    private string Title { get; set; } = "Hello, World!";

    private async void UpdateTitle()
    {
        await jsRuntime.InvokeAsync<object>("accessDOMElement");
        Title = "Hello, Blazor!";
    }
}

代码来源：https://www.syncfusion.com/faq/blazor/javascript-interop/is-there-a-way-to-access-dom-in-blazor