我可以通过异步内容恢复正常的滚动到目标行为吗？

Question

我正在我正在处理的网页上按需加载内容。由于各种原因，我还使用滚动到 :target 片段的默认浏览器行为。您知道，您单击类似 #abc 的链接，浏览器会滚动到页面中的 id="abc"。

但当内容异步提供时，情况并非如此。根据我的测试页面，您必须单击链接两次才能让浏览器滚动到异步添加的元素或 CSS3 :target 选择器选择它。那么我能做些什么才能让我的用户不必点击两次呢？

Answer 1

向 .load 添加回调函数，该函数滚动到刚刚添加的元素。

$(document).ready(function () {
   "use strict";
   $("a[href=#loadme]").click(function () {
       if ("testcomplete" in window && window.testcomplete) {
            return;
       }
       $("#loadhere").load("loadme.inc", function(){
            location.href = this.href;
            //Your method to scroll "for various reasons"
       });
       window.testcomplete = true;
       return true; //Prevent default behaviour, ie following the `href` target
   })
})