Sticky-Kit不适用于Bootstrap 4.0

时间:2018-02-23 03:31:45

标签: jquery bootstrap-4 sticky

我有一个3列布局,其中所有3个cols都是粘性的,以便它们都滚动,但随后每个列都会在该列中的内容完成时粘到底部。我使用的是粘性套件(https://github.com/leafo/sticky-kit

这适用于Bootstrap 3.3.5 / 3.3.7。 你可以在这个小提琴中看到: https://jsfiddle.net/741anks0/1/

但是来自bootstrap 4.0,事情开始破碎。

[Edit_01开始] 休息时,我的意思是:

  1. Stick_in_parent不起作用。滚动页面时,没有列粘在底部。 (请检查小提琴)。
  2. 如果我将css align-self:flex-start 添加到应该粘贴的列中,您可以在jsfiddle中看到一个奇怪的行为
  3. [Edit_01结束]

    我认为粘性库无法计算列的高度,我尝试使用flex-start:

        .stickem{  align-self:flex-start; }
    

    但仍然没有快乐。有没有人有建议?

    这是一个小提琴: https://jsfiddle.net/2cz8c1jn/27/ 如果取消注释JSFiddle(CSS)中的行/ align-self:flex-start; /,您应该看到列上的粘性滚动是如何破坏的。

0 个答案:

没有答案