JavaScript

JS: Фиксация колонки при скроллинге сайта

Этот код сделает все за вас:

Для боковой колонки укажите класс «sidebar»

$(function () {
    var sidebar = $('.sidebar');
    var top = sidebar.offset().top - parseFloat(sidebar.css('margin-top'));

    $(window).scroll(function (event) {
      var y = $(this).scrollTop();
      if (y >= top) {
        sidebar.addClass('fixed');
      } else {
        sidebar.removeClass('fixed');
      }
    });
});

После чего создайте новый стиль

.fixed{
position:fixed;
}

Демонстрация https://codepen.io/jamesbarnett/pen/JwFuy

Об авторе

Kulishov Artem

Просмотреть все сообщения