/*Убрать полосу прокрутки у элемента*/ .element::-webkit-scrollbar { width: 0; }
webKit - читерство. На ревью не пройдёт...
.element { -ms-overflow-style: none; }
Попробую...
Увы... не сработало Может я что-то не так делаю? Хотя свойства задаю через подсказки IDE, ошибки быть не должно...
Есть такое. Но думал что может по СSS идей подкинут)
как называется такой способ инлайн стилей, через коллбэк? интересно почитать про это
.container { overflow-y: scroll; scrollbar-width: none; -ms-overflow-style: none; } .container::-webkit-scrollbar { width: 0; height: 0; }
component style Где <Component style={ { width: '100px' } } otherProps={ otherProps } />
Так это же просто реакт
Конкретно в моём случае это https://react-select.com/styles
(Название дива)::-webkit-scrollbar { display: none; }
ну я понимаю, но вот именно коллбэк функции в инлайн стилях не видел раньше
Можно ещё добавить !important после none 😂
Лучше через вариант ниже, он проще и оставляет функионал скроллинга
Увы, так не сработало, но код заюзал и сделал как на скрине. Жаль, всеми силами не хотел вебкит юзать. Гляньте на скрин, может я зря через класс селектнул? Просто не знаю как в styled components выделить именно тот div, который интересует. (ваш код пригодился, благодарю. как и код человека, который про вебкит написал...)
Undefined (0) увеличил репутацию <img src="avatar.jpg" alt="avatar"> (6)
Возможно у тебя с разметкой проблемы , но раз уж это реакт получи ширину прокрутки через js , задай родителю оверфлов х хидден а ребенку у которого скрол марджин Райт -40px (ширина прокрутки которую ты получишь через js)
Обсуждают сегодня