Прошу прощения, наверняка, за простой вопрос, но я что-то не

Question

Прошу прощения, наверняка, за простой вопрос, но я что-то не

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

#frontend #javascript #programming #russian #vue.js

0

24.03.2022

14 ответов

36 просмотров

Елена Мещерякова Автор вопроса

в общем задача стоит в том, чтобы фиксированный хедер не дергался при открытии модального окна. Когда модалка открывается, на body вешается оверфлоу хидден, из-за этого скроллбар скрывается и все фиксированные элементы сдвигаются вправо на ширину этого скроллбара. В проектах на чистом js я получаю ширину скроллбара const width = window.innerWidth - document.body.offsetWidth и полученное значение просто добавляю к хедеру header.style.paddingRight = ${width}px а вот во вью не могу понять как это сделать

0

24.03.2022

Елена Мещерякова Автор вопроса

Vasil
это ситуация, когда есть скроллбар, но при открыти...

так точно

0

24.03.2022

Roman

Елена Мещерякова
в общем задача стоит в том, чтобы фиксированный хе...

пробовал vw?

0

24.03.2022

Елена Мещерякова Автор вопроса

Roman
пробовал vw?

типа боди поставить margin-rigth: calc(100vw-100%)? да, вообще ноль реакции.может я конечно не туда пишу

0

24.03.2022

Roman

Елена Мещерякова
типа боди поставить margin-rigth: calc(100vw-100%)...

просто vw без высчитывания

0

24.03.2022

Елена Мещерякова Автор вопроса

Roman
просто vw без высчитывания

у меня еще был вариант overflow-y: scroll !important; padding-right: 0 !important; и он рабочий, но к сожалению в проекте есть две страницы, где используется плагин fullpage.js и он устанавливает другое значение overflow. Может можно как-то прописать, чтобы на некоторых страницах боди имел определенные стили?

0

24.03.2022

Anton Permyakov

он не будет влиять на боди

0

24.03.2022

Roman

Елена Мещерякова
у меня еще был вариант overflow-y: scroll !import...

я вообще не всасываю что ты пытаешься сделать

0

24.03.2022

Roman