使用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。

Answer 2

沒有必要編寫自己的函數來等待頁面加載。有一個jQuery的功能：.ready()

你的滾動代碼似乎與虛擬代碼工作正常。這可能對你更好一些：

$(document).ready(function() { 
    getThankyouMsg(); 
}); 

function getThankyouMsg() { 
    var fid = getQueryStringParameter("fid"); 
    jQuery('html, body').animate({ 
     scrollTop: jQuery("#" + fid).offset().top 
    }, 2000); 
} 

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]; 
    } 
} 

這是假設getQueryStringParameter返回正確的值。我無法知道這一點，因爲它取決於您的後端和正在使用的URL。