Пишу адаптивный дизайн
столкнулся с такой проблемой
В css файле media запросы определяют ширину учитывая скроллбар, а javascript определяет ширину без учёта скроллбара (некоторые браузеры учитывают, а некоторые - нет)
То есть если css файл думает, что width=766px, то js считает, что width=758
как так быть? можно конечно в js файле просто к ширине прибавлять ширину скроллбара, но загвоздка в том, что не все браузеры не учитывают скроллбар
Единственное 100% решение до которого я додумался - избавится от скроллбара вообще, то есть указать стиль:
::-webkit-scrollbar {
width: 0;
}
________ посл. ред. 22.02.2019 в 22:09; всего 1 раз(а); by rekmixa
rekmixa (22.02.2019 в 22:07)
Пишу адаптивный дизайн
столкнулся с такой проблемой
В css файле media запросы определяют ширину учитывая скроллбар, а javascript определяет ширину без учёта скроллбара (некоторые браузеры учитывают, а некоторые - нет)
То есть если css файл думает, что width=766px, то js считает, что width=758
как так быть? можно конечно в js файле просто к ширине прибавлять ширину скроллбара, но загвоздка в том, что не все браузеры не учитывают скроллбар
Единственное 100% решение до которого я додумался - избавится от скроллбара вообще, то есть указать стиль:
::-webkit-scrollbar {
width: 0;
}
Уффф, ну ты и запарился. Под все браузеры не угодишь. Так что, смело возвращай Скрол!))