0

我的用例非常简单：我在自定义列表表单中（修改后的 NewForm.aspx，使用 SharePoint Designer 添加）。我添加了一个按钮，我希望当用户单击它时，页面会滚动回最顶部。

我尝试了以下方法：

在 aspx

<button onclick="return MyScrollTop()">SCROLL TOP</button>

在 javascript

function MyScrollTop() {
    //All my attemps go here

    return false; 
}

我没有详细说明如何确保调用该函数（有时在 SharePoint 中使用 MDS 和 _spBodyOnLoadFunctionNames.push 可能会很棘手，但我 100% 确定我的函数被调用，因为我在浏览器的调试器。

我在“10”和“Edge”模式下都使用 IE11。

这是我的尝试（我一一尝试，不在同一个功能中）

//attempt #1 (as seen on W3C)
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;

//attempt #2 (as seen on Stack Overflow for regular javascript)
window.scrollTo(0,0);

//attempt #3 (as seen on Stack Overflow for some corner case - desperate attempt)
window.scroll(0,0);

//attempt #4 (as seen on Stack Overflow to fight SharePoint's '_maintainWorkspaceScrollPosition' hidden control on a page reload or unload)
var scrollX = document.getElementById('__SCROLLPOSITIONX');
var scrollY = document.getElementById('__SCROLLPOSITIONY');
if (scrollX && scrollY) {
    scrollX.value = 0;
    scrollY.value = 0;
}

var workspaceY = document.getElementById('_maintainWorkspaceScrollPosition');
if (workspaceY) {
    workspaceY.value = 0;
}

这些都不起作用。当我单击按钮时，断点显示我的脚本已执行，但它就像 window.scrollTo 和其他根本没有效果。

我已经在 init.js 的这个 SharePoint 函数中设置了一个断点，以查看是否可以将自己挂在某个地方，但我不确定我应该做什么：

if (!g_setScrollPos) {
    if (browseris.firefox && browseris.firefox36up)
        window.scrollTo(0, 0);
    if (Boolean((ajaxNavigate.get_search()).match(RegExp("[?&]IsDlg=1")))) {
        if (!isIE7 || elmWorkspace.scrollHeight < elmWorkspace.clientHeight)
            elmWorkspace.style.overflowY = "auto";
    }
    var scrollElem = document.getElementById("_maintainWorkspaceScrollPosition");

    if (scrollElem != null && scrollElem.value != null) {
        elmWorkspace.scrollTop = Number(scrollElem.value);
    }
    g_setScrollPos = true;
}
CallWorkspaceResizedEventHandlers();
g_frl = false;
4

1 回答 1

1

我终于设法做到了这样：

var w = document.getElementById("s4-workspace");
w.scrollTop = 0;
于 2018-02-14T12:17:26.920 回答