的fancybox 3和導航引導問題

Question

fancybox 3 and navigation bootstrap issue 
When fancybox 3 is open the navigation bootstrap moves to right like the scrollbar is hidden. please see the picture below 

請參閱下面 圖片請查看下面 圖片請查看下面

[enter image description here][1] 


    [1]: https://i.stack.imgur.com/GNsEG.png 


below is may fancybox 3 simple code. 

<a href="img/portfolio/web/1001.png" data-fancybox data-caption="My caption"> 
    <img src="img/portfolio/web/1001.png" class="img-responsive center-block"> 
</a> 

below is may navigation bootstrap in navbar-fixed-top. 

<div class="container"> 
/// codes etch...... 
</div> 

Answer 1

見＃1圖片來自http://fancyapps.com/fancybox/3/docs/#faq

基本上，只需將compensate-for-scrollbar類添加到您的導航元素。