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加载滚动后

回答

相关问题