在MVC应用程序的页面加载上设置页面滚动位置

Question

我有一个ASP.NET MVC应用程序。

如何在定义的点上设置页面加载页面的滚动位置？

我可以用锚点来做，如果有的话怎么做？

马尔科姆

Answer 1

您只需在页面地址的末尾附加#div-name即可。例如：

Set page scroll position on page load of MVC app

Set page scroll position on page load of MVC app - 页面地址

＃2249506 - div name

如果你想在加载页面时这样做，你可以编写JavaScript：

window.location = '#2249506';

使用jQuery，加载文档时

<script type="text/javascript">
    $(function() {
        window.location = '#div-name';
    });
</script>

Answer 2

您可以使用锚标记。

使用name属性时，<a>元素在HTML文档中定义命名锚点。命名锚点不以任何特殊方式显示。 name属性对读者不可见。此属性必须出现在查询字符串的末尾。

命名锚语法：

<a name="label">Any content</a>

指向锚点的链接语法：

<a href="#label">Any content</a>

href 属性中的＃定义了指向命名锚点（http://www.mywebsite.com/mypage#label）的链接。

示例：

HTML文档中的命名锚点：

<a name="tips">Useful Tips Section</a>

同一文件中有用提示部分的链接：

<a href="#tips">Jump to the Useful Tips Section</a>

另一份文件中有用提示部分的链接：

<a href="http://www.w3schools.com/html_tutorial.htm#tips">Jump to the Useful Tips Section</a>