javascript - 页面加载后使用 JQuery 滚动到 DIV 不起作用

Question

我试图将页面滚动到 DIV，其 ID 通过 QueryString 发送。页面的 HTML 内容从 SharePoint 2010 的服务器端加载。

我使用 setTimeout() 等待内容加载到页面上，超时后我应用逻辑滚动到 div。但是页面没有滚动。代码如下:

ExecuteOrDelayUntilScriptLoaded(getThankyouMsg, 'sp.js');

function getThankyouMsg() {
    var fid = getQueryStringParameter("fid");
    setTimeout(function () {
        //window.location.href = window.location.href.split('?')[0] + "#" + fid;
        jQuery('html, body').animate({
            scrollTop: jQuery("#" + fid).offset().top
        }, 2000);
    }, 7000);
}

function getQueryStringParameter(paramToRetrieve) {
    var params = document.URL.split("?")[1].split("&");
    for (var i = 0; i < params.length; i = i + 1) {
        var singleParam = params[i].split("=");
        if (singleParam[0] == paramToRetrieve)
            return singleParam[1];
    }
}

你能建议我缺少什么吗？

提前致谢。

Answer 1

我找到了我的问题的解决方案。我们可以使用简单的 JavaScript 代替 jQuery animate 函数。

ExecuteOrDelayUntilScriptLoaded(getThankyouMsg, 'sp.js');

function getThankyouMsg() {
    var fid = getQueryStringParameter("fid");
    setTimeout(function () {
        location.hash = "#"+fid; //This line will navigates to Div ID
    }, 7000);
}

function getQueryStringParameter(paramToRetrieve) {
    var params = document.URL.split("?")[1].split("&");
    for (var i = 0; i < params.length; i = i + 1) {
        var singleParam = params[i].split("=");
        if (singleParam[0] == paramToRetrieve)
            return singleParam[1];
    }
}

Location.Hash = "#divId"将向下滚动到页面上的特定 div。