Question

我正在尝试滚动到包含jquery加载操作结果的div ajax加载按预期工作，但页面在加载后不滚动。为什么这个测试代码没有这样做？或者，有更好的方法吗？

这是在加载后不滚动的测试页面如果您然后鼠标单击锚点哈希标记，则滚动（转到......）：

<!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>

非常感谢任何考虑

Answer 1

尝试使用.scrollTo，如下所示：

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

的 Reference

Answer 2

尝试使用.scrollTo jQuery属性

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

在jquery加载滚动之后

2 个答案: