Adward
@Adward
Вебмастер с 2001 года

Как заставить работать position: sticky при vuetify?

Задаю блоку "липкость":
.sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 2em;
    }

После того, как он не сработал, выяснилось, что свойство position: sticky не работает, если у кого-то из родителей есть свойство overflow, которое в значении hidden или scroll.

Выяснилось, что в моём проекте в элементе body присутствуют эти значения (и их можно мышкой отключить):
5fda83fd6c914001363108.png

Однако, как выясняется, эти css свойства для тега body задаётся движком vuetify (выделил синим) и я совершенно не понимаю, как мне на отдельно взятой странице (а целиком для всего проекта не хочу, вдруг где то нужно) эти свойства перебить, хотя бы с помощью !important, а лучше отменить целиком или может быть как-то убрать скриптом.
  • Вопрос задан
  • 55 просмотров
Решения вопроса 1
Adward
@Adward Автор вопроса
Вебмастер с 2001 года
Задал костыль, но это ж не решение:
mounted() {      
        document.getElementsByTagName('body')[0].style.overflowX = "visible"
    },
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы