两层div fixed定位问题

Question

RT 我有div A div B
DIV A我有滚动条 body也有滚动条
我想把div B 永远固定在DIV A的头部 不随DIV A的滚动而滚动
请问 如何实现.

Answer 1

fixed一般是相对于视口定位的，但是非fixed元素会随着滚动条滚动，所以换个思路，不要让B在滚动容器里就行了。添加个scroll容器让列表在他里面滚B就不会一起滚了

<div class="A">
    <div class="B"></div>
    <div class="scroll">
        <!-- 滚动内容 -->
    </div>
</div>

.B {    
    height: $height;
}
.scroll {
    position: absolute;    
    top: $height;
    left: 0;
    right: 0;
    bottom: 0;
    overflow:auto;
}

Answer 2

为什么要用定位，你就把div B放在A的上面，下拉列表加载在div B之后的空div不就行了？

Answer 3

推荐你参考一下select2

Answer 4

在divA外套个div，让divB相对于这个div绝对定位不就可以了。