Можно ли использовать position: sticky?

Question

[Nikola24]

Можно ли использовать position: sticky? На некоторых ресурсах, видел что position: sticky всё ещё "experimental", а на некоторых уже можно использовать. Как лучше быть и есть ли проверенная инфа?

Answer 1

[SecretBrain]

Откройте для себя caniuse https://caniuse.com/#search=position%3A%20sticky

Answer 2

[tyzberd]

я использовал sticky но добавлял js который работает если нет поддержки

var positionStickySupport = function () {
        var el = document.createElement('a'),
            mStyle = el.style;
        mStyle.cssText = "position:sticky;position:-webkit-sticky;position:-ms-sticky;";
        return mStyle.position.indexOf('sticky') !== -1;
    }();
    var footerOffset = $('.js-footer-offset').innerHeight() + 20;
    if (!positionStickySupport) {
        $.lockfixed(".sidebar-box--fixed", {offset: {top: 81, bottom: footerOffset}});
    }

и этот плагин https://github.com/ymschaap/jquery-lockfixed

Answer 3

[Сергей Шилов]

Не очень удобный параметр, потому что не гибкий в использовании, поэтому на сегодняшний все еще более эффективнее использовать js. Я пользуюсь плагином leafo.net/sticky-kit , подключается и используется до смешного просто