的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类添加到您的导航元素。