fancybox 3 和导航 bootstrap 问题

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

fancybox 3 和导航 bootstrap 问题

fancybox 3 and navigation bootstrap issue

navigation

twitter-bootstrap

fancybox-3