基金会6显示移位
问题描述:
我使用粉底6揭示模态窗口,当你点击打开滚动条的一部分离开那里我固定的资产净值和移动内容有关的权利的5至10像素基金会6显示移位
<a class="button" data-open="exampleModal1">View users</a>
<!-- This is the first modal -->
<div class="reveal" id="exampleModal1" data-reveal>
<h1>Awesome!</h1>
<p class="lead">Users List!</p>
<button class="close-button" data-close aria-label="Close reveal" type="button">
<span aria-hidden="true">x</span>
</button>
</div>
答
这是一个知道的问题,请参阅讨论here。 我用下面的基金会CSS覆盖解决方案:
body.is-reveal-open {overflow: auto !important; height: auto; position: relative;}
.reveal-overlay {overflow: initial !important; position: absolute;}
是解决了转变,但是它强制在关闭或开启 – Case
我通过我的网站上相同的解决方案的窗口顶部或底部,它的工作原理100%,不知道是什么导致你的新问题。确保这些覆盖CSS设置在Foundation CSS之后加载。 – Ross