【问题标题】:Auto scroll to new div自动滚动到新的 div
【发布时间】:2015-03-27 13:15:19
【问题描述】:

当我单击单选按钮时,会显示一个新的 div,“resultat3”。

我希望在新 div 加载时自动向下滚动。

function stateChanged7()
{
  if (xmlhttp.readyState==4)
   {
     document.getElementById("resultat3").innerHTML=xmlhttp.responseText;
     document.getElementById("show").innerHTML = showDiv4(1);
   }
}

有谁知道我该如何解决?

【问题讨论】:

    标签: javascript scroll


    【解决方案1】:
    $('#html,body').animate({
      scrollTop: $("#resultat3").offset().top
    });
    

    与这个已经回答的问题非常相似。希望对您有所帮助。

    jQuery Scroll to Div

    【讨论】:

    • 虽然此链接可能会回答问题,但最好在此处包含答案的基本部分并提供链接以供参考。如果链接页面发生更改,仅链接的答案可能会失效。
    • 说得有道理,道歉:)
    • 没问题。如果您从问题的链接中添加更多信息,它很可能不会被标记为低质量并可能被删除。
    • 如果使用jQuery,这样做。它会平滑滚动到您的 div。
    【解决方案2】:

    你可以通过 jquery .focus() 方法

    假设你的新 div 有 id 显示,然后在放入数据后你可以使用,

    $(window).scrollTop($('#show').offset().top);
    

    它将聚焦或滚动到新的 div。

    【讨论】:

    • 如果您需要向下滚动以聚焦 div,您可以使用上面的代码。我已经编辑了答案,你可以检查一下。
    【解决方案3】:

    我会试试这个:

    function stateChanged6()
    {
      if (xmlhttp.readyState==4)
      {
        document.getElementById("resultat2").innerHTML=xmlhttp.responseText;
        document.getElementById("show").innerHTML = showDiv4(1);
        $("#resultat2").focus();
      }
    }
    

    测试:

    $("resultat2").focus();
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-11-29
      • 1970-01-01
      • 1970-01-01
      • 2016-12-27
      • 2013-03-21
      相关资源
      最近更新 更多