单击链接到达 anchor ,但即使父元素已溢出:隐藏 它滚动不必要地隐藏了内容
<style>
div#x
{overflow:hidden;border-bottom:1px red solid;}
div#x > div
{border:1px red solid;padding:10px;float:left;width:33%;box-sizing:border-box;padding-bottom:10000px;margin-bottom:-10000px;}
</style>
<div id="x">
<div><a href="#test">go to</a><br><br>a</div>
<div>a<br><br><br><br>a</div>
<div>a<br><br><br><br><br><br><span id="test">go here</span></div>
</div>
演示:http://jsfiddle.net/aj8cX/5/
有没有办法解决这个问题?
最佳答案
使用 table > table-cell
,这是我所能得到的最接近的结果:
http://jsfiddle.net/mikedidthis/AmNxf/
适用于静态内容,但对于动态内容可能会导致一些问题。
关于javascript - 防止滚动溢出 :hidden elements when link to anchors are clicked,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17408924/