Question

我的页面http://civicsector.org.ua/multimeda/foto/208-akcya-geroyi-nezalezhnost.html

中有一个高级画廊

但是，该页面顶部还包含一个引导程序附加，当您向下滚动页面时会显示该页面。

如果您打开页面并等待（不执行滚动），直到图库完全加载，图库就会以的方式放置。

但是，如果之后 向下滚动以便显示词缀，并且点击查看下一张图片，整个< strong> gallery向上移动，以便它实际覆盖包含文章文本的上一个布局块。

似乎在引导词缀外观上应该触发一些画廊'刷新'，以便高滑点重新计算画廊位置。我如何实现这一目标？

感谢。

Answer 1

当粘贴开始时，附加的div从页面的正常流程中移除，导致父div div崩溃。

<强>修正：将附加的div包装在一个新的div中。根据附加的div（菜单）的断点 - 给出这个dix两个不同的height，或隐藏它 - 它似乎是1199px和979px。

HTML：

<div class="affix-wrapper">
    <div data-spy="affix" data-offset-top="250" class="your classes here">
        <!-- content of the div -->
    </div>
</div>

CSS：

.affix-wrapper {
    height: 70px;
}
@media (max-width: 1199px){
    .affix-wrapper {
        height: 139px;
    }
}
@media (max-width: 979px){
    .affix-wrapper {
        display: none;
    }
}

Highslide页面画廊被bootstrap词缀打破

1 个答案: