MVC应用程序页面加载时设置页面滚动位置

Question

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

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

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

马尔科姆

- Malcolm

Answer 1

你只需要在页面地址末尾添加 #div-name 即可。例如： 设置MVC应用程序的页面滚动位置 设置MVC应用程序的页面滚动位置 - 页面地址

#2249506 - div名称

如果你想在页面加载时执行此操作，可以编写JavaScript代码：

window.location = '#2249506';

使用jQuery，当文档加载时：

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

- LukLed

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>

- David