Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Проблема с плагином stickyjs (https://javascript.ru/forum/dom-window/67483-problema-s-plaginom-stickyjs.html)

Radioactive 20.02.2017 11:52

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

но стоит в css
section {
  height: calc(100% - 50px);
}
изменить "%" на "vh" то плагин перестает работать

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

TestUser013 20.02.2017 12:37

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

Radioactive 20.02.2017 12:52

Цитата:

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

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

TestUser013 20.02.2017 14:05

Почему он зависит от 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 20.02.2017 19:39

Цитата:

Сообщение от TestUser013 (Сообщение 444823)
Почему он зависит от css? Потому что в описании плагина это написано:

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

TestUser013 20.02.2017 22:00

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

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

Radioactive 20.02.2017 22:21

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

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

Radioactive 20.02.2017 22:22


рони 20.02.2017 22:39

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


Часовой пояс GMT +3, время: 23:04.