Проблема с плагином stickyjs

[Radioactive]

https://jsfiddle.net/Lgu9wct8/
демо работающего липкого блока

но стоит в css

section {
  height: calc(100% - 50px);
}

изменить "%" на "vh" то плагин перестает работать

подскажите почему?)

[TestUser013]

Перестает работать, потому что calc(100% - 50px) = 2400px (в вашем примере), а calc(100vh - 50px) = 640px (на моем мониторе). Это разные числа, а значит и поведение страницы будет разное

[Radioactive]

Перестает работать, потому что calc(100% - 50px) = 2400px (в вашем примере), а calc(100vh - 50px) = 640px (на моем мониторе). Это разные числа, а значит и поведение страницы будет разное

Это понятно что поведение разное при разных стилях)
Меня интересует другое, что заставляет плагин отключать позиционирование, почему он зависим от css

[TestUser013]

Почему он зависит от css? Потому что в описании плагина это написано:

When the target element is about to be hidden, the plugin will add the class className to it (and to a wrapper added as its parent), set it to position: fixed and calculate its new top, based on the element's height, the page height and the topSpacing and bottomSpacing options.

[Radioactive]

Почему он зависит от css? Потому что в описании плагина это написано:

Не силен в англ
необходимо добавить "topSpacing and bottomSpacing options" ?

[TestUser013]

Перевод:
... ставит элементу position: fixed и высчитывает его новый top, основываясь на высоте элемента и высоте страницы...

Вы изменили высоту элемента, вот и плагин начал работать иначе.

[Radioactive]

если честно мало что мне это говорит), если указать vh то fixed плагин никому уже не ставит и вообще плагин будто отключается

даже при изменении высоты родителя, его высота все равно больше плавающего элемента, то есть "плавать есть где"

[Radioactive]

[рони]

Radioactive,
фиксация блока при скролле