【问题标题】:Autoscroll to particular row which were selected previously asp.net core自动滚动到先前选择的特定行 asp.net core
【发布时间】:2021-05-01 05:01:15
【问题描述】:

asp.net core中如何实现自动滚动?

下面是场景,

在选择查看页面所需的特定记录后,我有一个以行的形式显示数据的页面。 在查看页面上,当用户单击后退按钮时,它应该转到上一页,并且应该回到我们所在的确切位置。 我能够返回上一页,但挑战是,它应该自动滚动到特定记录。 请指导我

谢谢

【问题讨论】:

  • 您可以使用 HTML 锚点将滚动条定位在正确的位置,并在会话存储中保留有关所选记录的信息,以便在返回时激活正确的锚点。

标签: javascript asp.net-core .net-core


【解决方案1】:

我为每一行维护了一个唯一的 ID,并用它来被滚动条识别。

<tr id="@model.Id">
</tr>

Javascript 代码

window.onload = function () {
        const urlParams = new URLSearchParams(window.location.search);
        const empId = urlParams.get('empId');
        if (empId== null || empId== undefined)
            return;
        
        scrollToPreviouslySelectedEmployee(empId);
    }

    function scrollToPreviouslySelectedEmployee(empId) {
        var elmnt = document.getElementById("" + empId);
        elmnt.scrollIntoView();
        elmnt.style.backgroundColor = 'red';
    }

【讨论】:

    猜你喜欢
    • 2012-02-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-04-05
    • 2021-12-04
    • 2020-11-08
    • 1970-01-01
    相关资源
    最近更新 更多