Ajax 调用 div 替换并滚动到页面顶部

Posted 2023-05-09

【中文标题】Ajax 调用 div 替换并滚动到页面顶部

【英文标题】：Ajax call div replace and scroll to top of the page

【发布时间】：2020-09-08 03:56:46

【问题描述】：

详细信息按钮有一个 ajax 调用。它将 html 内容加载到 div id="comDetails" 并隐藏 div id="allcomm" 但它仍将滚动条保持在同一位置。将内容加载到 div id="comDetails"

后，我想转到页面顶部

<div id="comDetails">

</div>

<div id="allcomm">
  <a  onclick="loadDetails('@card.Guid')">Details</a>
</div>

Ajax 调用 函数 loadDetails(guid)

$.ajax(
    url: "/Center/Com/Detail",
    data:  cardGuid: guid ,
    beforeSend: function () 

    ,
    success: function (data)             

        $("#allcomm").hide();
        $("#comDetails").show();

        $("#comDetails").html(data);
    
);

【参考方案1】：

最快的解决方法，add href="#";

<a href="#" onclick="loadDetails('@card.Guid')">Details</a>

脚本解决方案；

success: function (data)             
   $("#allcomm").hide();
   $("#comDetails").show();
   $("#comDetails").html(data);

   window.scrollTo(0,0); // javascript
   $(window).scrollTop(0); // jquery