这真让我发疯。基本上,我需要在水平滑动的 div 中使用锚点时阻止页面垂直跳动。目前,页面不仅漂亮地左右跳动,还会垂直跳动,这是一个大问题。我有一个 fiddle 在这里解释它:http://jsfiddle.net/gkp17fap/4/ 代码如下:
a {
color:#ccc;
padding:8px;
margin:2px;
display:block;
}
div.container {
width:250px;
height:350px;
overflow:hidden;
display:block;
background:#ccc;
border:solid 1px #555;
}
div.wide {
display:block;
height:350px;
width:auto;
}
div.inner {
height:350px;
width:250px;
display:inline-block;
float:left;
}
.blue {
background:blue;
}
.red {
background:red;
}
.yellow {
background:yellow;
}
.green {
background:green;
}
.white {
background:white;
}
.black {
background:black;
}
}
<div class="container">
<div class="wide">
<div class="inner blue" id="one"> <a href="#one">ONE</a><br><a href="#two">TWO</a><br><a href="#three">THREE</a><br><a href="#four">FOUR</a><br><a href="#five">FIVE</a><br><a href="#six">SIX</a><br> </div>
<div class="inner red" id="two"> <a href="#one">ONE</a><br><a href="#two">TWO</a><br><a href="#three">THREE</a><br><a href="#four">FOUR</a><br><a href="#five">FIVE</a><br><a href="#six">SIX</a><br> </div>
<div class="inner yellow" id="three"> <a href="#one">ONE</a><br><a href="#two">TWO</a><br><a href="#three">THREE</a><br><a href="#four">FOUR</a><br><a href="#five">FIVE</a><br><a href="#six">SIX</a><br> </div>
<div class="inner green" id="four"> <a href="#one">ONE</a><br><a href="#two">TWO</a><br><a href="#three">THREE</a><br><a href="#four">FOUR</a><br><a href="#five">FIVE</a><br><a href="#six">SIX</a><br> </div>
<div class="inner white" id="five"> <a href="#one">ONE</a><br><a href="#two">TWO</a><br><a href="#three">THREE</a><br><a href="#four">FOUR</a><br><a href="#five">FIVE</a><br><a href="#six">SIX</a><br> </div>
<div class="inner black" id="six"> <a href="#one">ONE</a><br><a href="#two">TWO</a><br><a href="#three">THREE</a><br><a href="#four">FOUR</a><br><a href="#five">FIVE</a><br><a href="#six">SIX</a><br> </div>
</div>
</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
我已经尝试了我能想到的一切,现在我的大脑空空如也。有人可以帮忙去掉页面的竖向跳动吗?
哦,我还希望给出最简单的解释,因为这个项目也将分发在USB键上,并且无疑会在从未正确工作过的旧浏览器中使用。我对此部分感到非常兴奋。
非常感谢!
br
标签也没有帮助。 - Waxi