2017-01-03 3 views
0
私は基礎6を使用しています

は、モーダルウィンドウを明らかにし、あなたはスクロールバーの一部を開くためにクリックしたときに、私の固定ナビゲーションがあり、約右にコンテンツを移行して去る5財団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> 

答えて

1

PX 10へこれは既知の問題です。議論hereを参照してください。

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

シフトを解決しますが、それは私が私のサイト上で同じソリューションを採用し、それは確かに、100%ではない作品クローズまたはオープン – Case

+0

のトップへウィンドウまたは下を強制的に:私は、次の財団CSSのソリューションを上書き使用 あなたの新しい問題の原因は何か。これらの上書きCSS設定がFoundation CSSの後に読み込まれていることを確認してください。 – Ross

関連する問題