169 похожих чатов

Подскажите, как скрыть скролбар, но чтобы список всё равно скролился?

Ибо overflow: hidden выключает скролбар, но скролить список нельзя.

Проблема в том, что это не чистый CSS, а кастомный компонент реакта. Свойство у scrollbarWidth есть, но оно не применяется. Доступ к родителю тоже есть...

21 ответов

24 просмотра

/*Убрать полосу прокрутки у элемента*/ .element::-webkit-scrollbar { width: 0; }

Undefined- Автор вопроса
Alexander Mirov
/*Убрать полосу прокрутки у элемента*/ .element::-...

webKit - читерство. На ревью не пройдёт...

Undefined- Автор вопроса
Undefined- Автор вопроса
Vladyslav
.element { -ms-overflow-style: none; }

Увы... не сработало Может я что-то не так делаю? Хотя свойства задаю через подсказки IDE, ошибки быть не должно...

Undefined- Автор вопроса

Есть такое. Но думал что может по СSS идей подкинут)

Undefined
screenshot Увы... не сработало Может я что-то не так делаю? ...

как называется такой способ инлайн стилей, через коллбэк? интересно почитать про это

Undefined
Есть такое. Но думал что может по СSS идей подкину...

.container { overflow-y: scroll; scrollbar-width: none; -ms-overflow-style: none; } .container::-webkit-scrollbar { width: 0; height: 0; }

Undefined- Автор вопроса
Alexander Mirov
как называется такой способ инлайн стилей, через к...

component style Где <Component style={ { width: '100px' } } otherProps={ otherProps } />

Undefined- Автор вопроса
Очень полезный Юджин
Так это же просто реакт

Конкретно в моём случае это https://react-select.com/styles

Undefined
Сек...

(Название дива)::-webkit-scrollbar { display: none; }

Очень полезный Юджин
Так это же просто реакт

ну я понимаю, но вот именно коллбэк функции в инлайн стилях не видел раньше

Vladyslav
(Название дива)::-webkit-scrollbar { display: none...

Можно ещё добавить !important после none 😂

Undefined
Сек...

Лучше через вариант ниже, он проще и оставляет функионал скроллинга

Undefined- Автор вопроса
Vladyslav
.container { overflow-y: scroll; scrollbar-width...

Увы, так не сработало, но код заюзал и сделал как на скрине. Жаль, всеми силами не хотел вебкит юзать. Гляньте на скрин, может я зря через класс селектнул? Просто не знаю как в styled components выделить именно тот div, который интересует. (ваш код пригодился, благодарю. как и код человека, который про вебкит написал...)

Undefined
Увы, так не сработало, но код заюзал и сделал как ...

Undefined (0) увеличил репутацию <img src="avatar.jpg" alt="avatar"> (6)

Undefined
Увы, так не сработало, но код заюзал и сделал как ...

Возможно у тебя с разметкой проблемы , но раз уж это реакт получи ширину прокрутки через js , задай родителю оверфлов х хидден а ребенку у которого скрол марджин Райт -40px (ширина прокрутки которую ты получишь через js)

Похожие вопросы

Обсуждают сегодня

Господа, а что сейчас вообще с рынком труда на делфи происходит? Какова ситуация?
Rꙮman Yankꙮvsky
29
А вообще, что может смущать в самой Julia - бы сказал, что нет единого стандартного подхода по многим моментам, поэтому многое выглядит как "хаки" и произвол. Короче говоря, с...
Viktor G.
2
30500 за редактор? )
Владимир
47
а через ESC-код ?
Alexey Kulakov
29
Чёт не понял, я ж правильной функцией воспользовался чтобы вывести отладочную информацию? но что-то она не ловится
notme
18
У меня есть функция где происходит это: write_bit(buffer, 1); write_bit(buffer, 0); write_bit(buffer, 1); write_bit(buffer, 1); write_bit(buffer, 1); w...
~
14
Добрый день! Скажите пожалуйста, а какие программы вы бы рекомендовали написать для того, чтобы научиться управлять памятью? Можно написать динамический массив, можно связный ...
Филипп
7
Недавно Google Project Zero нашёл багу в SQLite с помощью LLM, о чём достаточно было шумно в определённых интернетах, которые сопровождались рассказами, что скоро всех "ибешни...
Alex Sherbakov
5
Ребят в СИ можно реализовать ООП?
Николай
33
https://github.com/erlang/otp/blob/OTP-27.1/lib/kernel/src/logger_h_common.erl#L174 https://github.com/erlang/otp/blob/OTP-27.1/lib/kernel/src/logger_olp.erl#L76 15 лет назад...
Maksim Lapshin
20
Карта сайта