Задать вопрос
@pashabomber

Как сделать, чтобы fixed блок прилипал к блоку-родителю?

Добрый день!

365geo.volodin-web.ru
Правая колонка при скролле получает position:fixed. При right:0 она прилипает к правому краю экрана. А как сделать, чтобы она прилипала к блоку с классом container, внутри которого она находится?

Заранее спасибо!
  • Вопрос задан
  • 160 просмотров
Подписаться 1 Оценить 1 комментарий
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 1
@glagolew059
frontend developer
Добавьте в ваш скрипт выделенную строку, и сделайте чтобы функция срабатывала при загрузке и ресайзе

$(window).scroll(function() {
if($(this).scrollTop() > 150) {
$('.right-side-adv').addClass('fixed');
} else {
$('.right-side-adv').removeClass('fixed');
}
if($(this).scrollTop() > 1050) {
$('.adv').addClass('fixed');
} else {
$('.adv').removeClass('fixed');
}
if($(this).scrollTop() > 1330) {
$('.adv2').addClass('fixed');
} else {
$('.adv2').removeClass('fixed');
}

$('.right-side-adv').css('right',$('.top-menu').offset().left + 'px')
});
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы