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

请参阅http://fancyapps.com/fancybox/3/docs/#faq中的#1

基本上，只需将compensate-for-scrollbar类添加到您的导航元素。