Question

html锚点跳转后被页面内容被遮挡

图1

图2

如图所示，图1为正常情况下，进入到本页面显示的，图2为点击锚点链接之后的，页面内部的元素被顶上去了。
页面情况：产品中心和左侧的4个导航为1个页面的内容，右下部分加载的是另一个页面的内容，不是使用的iframe。
在图1中点击“我的资产”，锚点链接跳转到“我的资产看板”位置，但是点击之后，整个页面下半部分都往上跑，被页面中的图片遮盖住了。
下面是代码部分：
html：
锚链接点击位置：
<dl class="dl01" >
<dt id="toLable01">我的资产</dt>
<dd id="totalbill">0<em>元</em></dd>
</dl>
锚链接跳转位置：
<div class="zh_botbox" name="lable02" id="lable02">
<div class="page_title">
<a class="more" href="#">查看对账单</a>
<h3>我的收益看板</h3>
</div>
<div id="container" style="min-width:700px;height:400px"></div>
<input type="hidden" id="userType"/>
</div>
</div>
javascript：
$("#toLable01").click(function (){
window.location.href="#lable01"
});





Answer 1

我觉得你问的是为什么侧导航栏跑到上面了吧!

没有关于全部的代码不好下结论!

我也只能说明TA没有固定吧!否则那个侧导航栏就会那样!如果是DIV(假设id为w),你可以加上这麽一句!!

<style>
.w{position: fixed;xx:xxx;xx:xxx}
</style>
<!--xx:xxx事假设你设置的属性!-->

Answer 2

设置锚点：<a href="#maodian">锚点点击</a>
<a href="maodian">锚点到达的位置</a>

至于你说的那个在顶部显示锚点的效果，需要JS来实现；你可以查看一下这样类似的效果，然后学习一下；

Answer 3

查看图片是否悬浮