引导图片库总是在页面顶部打开。
引导图片库总是在页面顶部打开。
提问于 2015-04-28 20:00:39
我正在使用Blueimp引导图片库。我把它的容器放在我的Index.cshtml页面的底部：
<div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls">
<div class="slides"></div>
<h3 class="title"></h3>
<a class="prev">‹</a>
<a class="next">›</a>
<a class="close">×</a>
<a class="play-pause"></a>
<ol class="indicator"></ol>
</div>下面是链接到库的一个示例锚标记：
<a href="~/images/press/french/BABYBOOK-Couv-P-Ete-2014.png"
target="_blank" data-gallery="#blueimp-gallery">
<img src="~/images/press/french/thumbs/BABYBOOK-Couv-P-Ete-2014.jpg"
class="img-responsive magazine" />
</a>当您单击打开图库时，它将在页面顶部打开。我认为这些CSS规则控制着它的位置：
.blueimp-gallery {
position: fixed;
z-index: 999999;
overflow: hidden;
background: #000;
background: rgba(0,0,0,.9);
opacity: 0;
display: none;
direction: ltr;
-ms-touch-action: none;
touch-action: none;
}
.blueimp-gallery, .blueimp-gallery>.slides>.slide>.slide-content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-moz-backface-visibility: hidden;
}position:fixed和top:0，right:0，bottom:0，left:0与总是在页面顶部打开的画廊有关。
是否有一种方法可以让库在页面上的用户所在的位置打开，那么当用户关闭库时，它会将它们返回到原来的位置？或者，是否有一种方法可以知道用户在页面上的位置，并在库关闭后将他/她返回到该位置？
Stack Overflow用户
回答已采纳
发布于 2015-08-11 17:10:21
所有这些解决方案都像解决方案一样，我在blueimp图片库中也遇到了同样的问题，最后我意识到这是因为默认情况下库隐藏了页面滚动条，当您打开它时，它会直接到达顶部。
因此，在选项集中，hidePageScrollbars:false
初始化库时：
blueimp.Gallery(links,{hidePageScrollbars:false});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/29928780
复制相关文章
相似问题
腾讯云开发者
