Foundation 6 Reveal 转变

Question

我使用的是 foundation 6 reveal modal window 当您单击打开滚动条的一部分时，它会离开我的固定导航所在的位置，并将内容向右移动大约 5 到 10 像素

<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>

Answer 1

这是一个已知问题，请参阅讨论 here。我使用以下 Foundation CSS 覆盖解决方案：

body.is-reveal-open {overflow: auto !important; height: auto; position: relative;}
.reveal-overlay {overflow: initial !important; position: absolute;}

Foundation 6 Reveal 转变

Foundation 6 Reveal shift

css

zurb-foundation