Question

我的用例非常简单：我使用的是自定义列表表单（已修改的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％确定我的函数被调用为I在浏览器的调试器中看到它。

我正在使用IE11，无论是“10”还是“边缘”模式。

以下是我的尝试（我逐个尝试，不是在同一个函数中）

//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;

Answer 1

我终于设法这样做了：

var w = document.getElementById("s4-workspace");
w.scrollTop = 0;

SharePoint 2016本地内容：如何滚动到页面顶部？

1 个答案: