如何在MVC App中自动滚动屏幕?

时间:2012-09-18 05:05:56

标签: javascript asp.net-mvc-3

我正在开发MVC3应用程序并使用razor语法。

在这个应用程序中,我正在发表评论工具。

用户应该填写表格或阅读表格以及用户可以发表评论 在那个表格/信息上。

看起来像这样......

enter image description here

(红线显示评论框,蓝线显示屏幕结束。)

现在的问题是,当用户点击评论按钮时,评论框会被取消,但用户只能看到该框的一半,因此用户必须滚动才能看到完整。

所以,我想写一些代码,所以当用户点击“评论”链接时,屏幕应自动滚动,直到该评论框视图。

怎么做?

2 个答案:

答案 0 :(得分:1)

请使用window.location = "#writeYourCommentBox"$("#writeYourCommentBox").focus()

请参阅此网站以获取更多信息和示例http://www.ezineasp.net/post/Javascript-Location-Hash-with-Example.aspx

答案 1 :(得分:0)

你点击评论链接后可以玩滚动顶部属性这将允许评论框显示在前面你也可以去顶级属性