bugo_aneo
@bugo_aneo
Верстальщик по жизни, йог, буддист, кофеман

Как прибить блок не только к верху, но и к краю контейнера?

Здраствуйте коллеги.

Прошу, помогите "приклеить" блок не только к верху, но и к нужной мне стороне другого блока, чтобы он был там постоянно, вне зависимости от ширины экрана.

САБЖ:
Есть вот такая страница
itrealstory.com/bu/bf/in/maria_t

На ней есть сайдо бар, который при прокрутке прилипает к верху страницы. Это сделано скриптом, который добавляет класс с position: fixed;. Но я не могу сообразить КАК приклеить его еще и правому боку основного контейнера? Сейчас это тупо прибито медиаазапросом. Получается, счто на БОЛЬШИХ экранах сайдобар "улетает" в право.

ВОПРОС: Как приклеить сайдобар не только к верху страницы, но и к правому краю главного контейнера.

Заранее ОГРОМНОЕ спасибо!!!

Сайдобар исчизает при ширине 800 пикс.

Прошу, подскажите, как такое реализовать.
  • Вопрос задан
  • 300 просмотров
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
На JS либо calc (calc если ширина контейнера всегда известна и не меняется 100500 раз в media)
Узнать ширину окна, вычесть из нее ширину контейнера, поделить пополам.
Полученное задать в качестве right для сайдбара
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@Genexys
фронтенделье
Ты fixed не как не прилепишь к какому то контейнеру. Блок fixed идет отдельным слоем от всего потока. Посмотри как там сделано, он не прибит не к какому блоку просто при добавлении класса с fixed задается right с нужной величиной и все
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
08 дек. 2022, в 02:27
6000 руб./за проект
08 дек. 2022, в 01:28
7000 руб./за проект
08 дек. 2022, в 01:22
1500 руб./за проект