Хотите сделать красивую страницу продажи товара или услуги? Думаю, вам понравится библиотека stickyfill .
Хотите сделать красивую страницу продажи товара или услуги? Думаю, вам понравится библиотека stickyfill.
Найти исходники библиотеки вы можете здесь, а посмотреть демонстрацию здесь.
В демонстрации вы можете видеть, что это довольно интересный эффект, который очень хорошо впишется в описание какого-нибудь товара или услуги. Если вам нужны старые IE, то это, наверное, будет единственным минусом этой библиотеки, т.к. поддержка IE начинается только с 9 версии.
Устанавливается библиотека просто. Скачиваете скрипт, подключаете на страницу. Пишете следующий код:
var stickyElements = document.getElementsByClassName('sticky');
for (var i = stickyElements.length - 1; i >= 0; i--) {
Stickyfill.add(stickyElements[i]);
}
Или такой, если используете JQuery:
$('.sticky').Stickyfill();
CSS:
.sticky {
position: -webkit-sticky;
position: sticky;
top: 0;
}
Также стоит иметь clearfix:
.sticky:before,
.sticky:after {
content: '';
display: table;
}
Подробнее про методы библиотеки вы можете почитать по ссылке в начале статьи.
Всем спасибо за внимание!
