jquery加載滾動後

我想滾動到包含jquery加載操作的結果的div。
ajax加載按預期工作，但加載後頁面不滾動。這個測試代碼爲什麼不這樣做？或者，還有更好的方法？jquery加載滾動後

這裏是測試頁面，不加載後，滾動，但不滾動，如果你再上錨散列標籤鼠標點擊（轉到...）：

<!DOCTYPE html> 
<html lang="en"> 
<head> 
</head> 
<body> 
<div>line 1</div> 
<div>line 2</div> 
    <a id="idGoTo" href="#scrollTo">Go to...</a> 

    <a name="scrollTo">SI</a> 
    <div id="divRightSide"> 
     <!-- ajax content here --> 
    </div> 

<script type="text/javascript" src="/js/jquery/jquery-1.11.3.min.js"></script> 
    <script> 
    $(document).ready(function() { 
     $("#divRightSide").load("/php/graduate/programs/clinical/programinformation_s.php", function() { 
      $("#idGoTo").trigger("click"); 
      }); 
} 
); 
</script> 
</body> 
</html>

感謝任何考慮

來源

2016-03-19 DonD

兩個Josh和古魯普拉薩德饒似乎在說同樣的事情，但也爲我工作。 – DonD

Josh和Guruprasad Rao似乎都在說同樣的事情，但都不適合我。喬希，我不得不確定結局以平衡'}）;' （語法），但是當執行頁面時什麼都不做。 Guruprasad饒，這幾乎工作，但它只滾動約1行，而不是'#divRightSide'。 Guruprasad，感謝參考鏈接。 – DonD

嘗試使用jQuery的.scrollTo財產

$(document).ready(function() { 
    $("#divRightSide").load("/php/graduate/programs/clinical/programinformation_s.php", function() { 
    $('body').scrollTo('#idGoTo'); 
});

來源

2016-03-19 18:17:04

Josh Stevens，Guruprasad Rao。我得到了兩種解決方案。我相信我沒有正確實施Ariel Flesler出色的插件'scrollTo'。雖然我不確定如何提高回覆率。 – DonD

嘗試如下使用.scrollTo：

$(document).ready(function() { 
     var _element=$("#divRightSide"); 
     _element.load("/php/graduate/programs/clinical/programinformation_s.php", function(){ 
      $('body').scrollTo("#"+_element.attr('id')); 
     }); 
});

Reference

來源

2016-03-19 18:16:59

jquery加載滾動後

回答

相關問題