html5将锚点隐藏后跳转不出来

html-css011

html5将锚点隐藏后跳转不出来,第1张

div 不支持 name 这个属性来创建锚点.锚点是在 a 标签的 name 属性

另外,根据 Mozilla 的文档,html5 中,a 的 name 属性也不支持了.改为了搜索唯一的 id 属性

例如使用/Home/Index#data2跳转到A页面，页面并不会进行锚点指向，但是当页面加载完成后，把链接中的#data2改为#data3就可以直接跳转到指定位置，锚点又生效了，通过这个测试我们可以大致得知，通过链接到达A页面后，在页面还未加载完成时锚点指向已经执行了，故无法定位到指定锚点。

具体解决思路及办法：

通过js中的setTimeout函数，来延迟锚点的执行，等待页面全部加载完毕后再定位到指定锚点，具体的JS代码如下：

档浏览页面的时候，拉动滚动条到底部，这时若想返回顶部（上面），正好底部有个锚点。这时侯点击锚点就直接到了顶部（上面），这个过程是不需要再出拉动滚动条，html5配合js/或者jq过程就会产生平滑的效果，而不是直接跳到上面。