我如何保持MVC滚动位置？ [英] How do I maintain scroll position in MVC?

问题描述

进出口工作在MVC项目，并享受学习一下吧。有一些成长的烦恼，但一旦你计算出来这不是坏的。有一件事，就是在世界上的WebForms非常简单的是保持一个页面上的滚动位置。所有你要做的就是MaintainScrollPositionOnPostback属性设置为true。然而，在MVC，我不是使用回发所以这不会为我工作。什么是处理这种标准方式？

Im working on a project in MVC and have enjoyed learning about it. There are a few growing pains but once you figure them out it's not bad. One thing that is really simple in the WebForms world is maintaining the scroll position on a page. All you do is set the MaintainScrollPositionOnPostback property to true. However, in MVC, Im not using postbacks so this will not work for me. What is the standard way of handling this?

编辑： Ajax是可以接受的，但我也想知道你会怎么做没有AJAX

Ajax is acceptable, but I was also wondering how you would do it without AJAX.

推荐答案

MaintainScrollPositionOnPostback的工作方式是，它有一对隐藏字段：
__SCROLLPOSITIONX和__SCROLLPOSITIONY

The way MaintainScrollPositionOnPostback works is that it has a pair of hidden fields: __SCROLLPOSITIONX and __SCROLLPOSITIONY

在回发，它会将这些，

function WebForm_GetScrollY() {
if (__nonMSDOMBrowser) {
    return window.pageYOffset;
}
else {
    if (document.documentElement && document.documentElement.scrollTop) {
        return document.documentElement.scrollTop;
    }
    else if (document.body) {
        return document.body.scrollTop;
    }
}
return 0;
}
function WebForm_SaveScrollPositionSubmit() {
    if (__nonMSDOMBrowser) {
        theForm.elements['__SCROLLPOSITIONY'].value = window.pageYOffset;
        theForm.elements['__SCROLLPOSITIONX'].value = window.pageXOffset;
    }
    else {
        theForm.__SCROLLPOSITIONX.value = WebForm_GetScrollX();
        theForm.__SCROLLPOSITIONY.value = WebForm_GetScrollY();
    }
    if ((typeof(this.oldSubmit) != "undefined") && (this.oldSubmit != null)) {
        return this.oldSubmit();
    }
    return true;
    }

然后调用RestoreScrollPosition：

and then it calls RestoreScrollPosition:

function WebForm_RestoreScrollPosition() {
    if (__nonMSDOMBrowser) {
        window.scrollTo(theForm.elements['__SCROLLPOSITIONX'].value, theForm.elements['__SCROLLPOSITIONY'].value);
    }
    else {
        window.scrollTo(theForm.__SCROLLPOSITIONX.value, theForm.__SCROLLPOSITIONY.value);
    }
    if ((typeof(theForm.oldOnLoad) != "undefined") && (theForm.oldOnLoad != null)) {
        return theForm.oldOnLoad();
    }
    return true;
}

然而，大多数人表示，MVC应避免无论如何回发。

But as most people said, MVC should be avoiding postbacks anyway.

这篇关于我如何保持MVC滚动位置？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！