定位元素的ID无效。

Question

我在使用的页面上遇到问题，我正在尝试设置一个带有id的永久链接，这样如果页面完全加载，它将显示页面并且它将重点放在元素上ID作为页面顶部。但是这里的情况是，在焦点转移到ID之后，最终视图会显示在页面顶部。

页面视图应该显示“带有休养所和医院级护理的护理设施”标题

http://metlifecare.staging.wpengine.com/living-at-metlifecare/assisted-living#care-facility

什么可以快速解决。不熟悉这个问题。 任何帮助将不胜感激。

Answer 1

如同Evan Knowles所说，您需要为锚点添加名称，以便浏览器能够在那里浏览。

替换

<a id="trigger-sa" href="http://metlifecare.staging.wpengine.com/living-at- metlifecare/metlifecare.staging.wpengine.com/living-at-metlifecare/assisted-living#care-facility"></a>

与

<a id="trigger-sa" name="care-facility" href="http://metlifecare.staging.wpengine.com/living-at-metlifecare/metlifecare.staging.wpengine.com/living-at-metlifecare/assisted-living#care-facility"></a>

我看到你所说的“跳到顶端”。看起来这段代码会使整个页面阻塞，然后跳转到顶部

<script type="text/javascript">
    html2canvas(document.body, {
        onrendered: function(canvas) {
            document.body.appendChild(canvas);
        }
    });
</script>    

删除该代码会停止跳转并使＃care-facility正常工作。

我从未使用过html2canvas，所以我无法评论它在做什么。