防止哈希标记跳转

时间:2017-01-14 14:14:04

标签: javascript hash tags

例如,我有一个地址{{3}}

我想在页面加载时删除重定向到标记元素?我看到了一些解决方案,但它们在您发送请求之前处理请求时有效。我希望在加载页面时阻止此行为。

1 个答案:

答案 0 :(得分:0)

我会在页面加载完成之前导航第一个元素,当页面和所有图像都加载完毕后,我会再次导航到所需的ID。

在以下示例中,在Chrome for Windows中进行了测试,使用#two调用该页面只会在页面和所有“图像”加载后导航到该ID。 setTimeout这里模拟了加载。

<div id='one' style='height:800px;'>
Line one
</div>
<div id='two' style='height:800px;'>
Line two
</div>

<script>
location = '#one'; // that redirects to the top of the page
setTimeout(whenImagesLoaded, 4000);

function whenImagesLoaded () {
  location = '#two'; // that redirects back to the original request
}
</script>