ScrollBar

import { ScrollBar } from '@megafon/ui-core';
Примеры и код
Свойства и методы

Базовое использование

По-умолчанию скролл показывается при первом рендеринге, дальше - при наведении на него и при скролле контента

<ScrollBar maxHeight={150}>
  Ограничьте доступ к платным услугам контент‑провайдеров. Поставьте запрет и тогда вы не сможете воспользоваться платными развлекательными SMS, командами, голосовыми сервисами контент‑провайдеров, а также номерами услуги «Настроение». Абоненты будут получать уведомление, что вам можно позвонить. Уведомления отправляются тем, кто не смог дозвониться до вас, пока телефон был выключен или находился вне зоны действия сети. Услуга доступна всем абонентам МегаФона, не требует подключения, кроме случаев, когда вы отключили её самостоятельно. Чтобы подключить услугу снова, воспользуйтесь удобным для вас способом. При одновременном звонке абонентов друг другу соединение устанавливается сразу. А значит, вам больше не придётся слушать гудки «занято» и перезванивать, как это было раньше. Услуга «Коннект» действует при звонках на номера любых операторов связи. С услугой «Ожидание вызова» вам можно будет дозвониться, даже если вы уже разговариваете. А услуга «Удержание вызова» поможет управлять двумя звонками одновременно. При переключении между звонками, один из них будет поставлен на удержание, вы сможете вернуться к нему в дальнейшем. Ограничьте доступ к платным услугам контент‑провайдеров. Поставьте запрет и тогда вы не сможете воспользоваться платными развлекательными SMS, командами, голосовыми сервисами контент‑провайдеров, а также номерами услуги «Настроение». Абоненты будут получать уведомление, что вам можно позвонить. Уведомления отправляются тем, кто не смог дозвониться до вас, пока телефон был выключен или находился вне зоны действия сети. Услуга доступна всем абонентам МегаФона, не требует подключения, кроме случаев, когда вы отключили её самостоятельно. Чтобы подключить услугу снова, воспользуйтесь удобным для вас способом. При одновременном звонке абонентов друг другу соединение устанавливается сразу. А значит, вам больше не придётся слушать гудки «занято» и перезванивать, как это было раньше. Услуга «Коннект» действует при звонках на номера любых операторов связи. С услугой «Ожидание вызова» вам можно будет дозвониться, даже если вы уже разговариваете. А услуга «Удержание вызова» поможет управлять двумя звонками одновременно. При переключении между звонками, один из них будет поставлен на удержание, вы сможете вернуться к нему в дальнейшем.
</ScrollBar>

Скрыть скролл

Все разрешения

<ScrollBar maxHeight={150} hideAll>
  Ограничьте доступ к платным услугам контент‑провайдеров. Поставьте запрет и тогда вы не сможете воспользоваться платными развлекательными SMS, командами, голосовыми сервисами контент‑провайдеров, а также номерами услуги «Настроение». Абоненты будут получать уведомление, что вам можно позвонить. Уведомления отправляются тем, кто не смог дозвониться до вас, пока телефон был выключен или находился вне зоны действия сети. Услуга доступна всем абонентам МегаФона, не требует подключения, кроме случаев, когда вы отключили её самостоятельно. Чтобы подключить услугу снова, воспользуйтесь удобным для вас способом. При одновременном звонке абонентов друг другу соединение устанавливается сразу. А значит, вам больше не придётся слушать гудки «занято» и перезванивать, как это было раньше. Услуга «Коннект» действует при звонках на номера любых операторов связи. С услугой «Ожидание вызова» вам можно будет дозвониться, даже если вы уже разговариваете. А услуга «Удержание вызова» поможет управлять двумя звонками одновременно. При переключении между звонками, один из них будет поставлен на удержание, вы сможете вернуться к нему в дальнейшем. Ограничьте доступ к платным услугам контент‑провайдеров. Поставьте запрет и тогда вы не сможете воспользоваться платными развлекательными SMS, командами, голосовыми сервисами контент‑провайдеров, а также номерами услуги «Настроение». Абоненты будут получать уведомление, что вам можно позвонить. Уведомления отправляются тем, кто не смог дозвониться до вас, пока телефон был выключен или находился вне зоны действия сети. Услуга доступна всем абонентам МегаФона, не требует подключения, кроме случаев, когда вы отключили её самостоятельно. Чтобы подключить услугу снова, воспользуйтесь удобным для вас способом. При одновременном звонке абонентов друг другу соединение устанавливается сразу. А значит, вам больше не придётся слушать гудки «занято» и перезванивать, как это было раньше. Услуга «Коннект» действует при звонках на номера любых операторов связи. С услугой «Ожидание вызова» вам можно будет дозвониться, даже если вы уже разговариваете. А услуга «Удержание вызова» поможет управлять двумя звонками одновременно. При переключении между звонками, один из них будет поставлен на удержание, вы сможете вернуться к нему в дальнейшем.
</ScrollBar>

Только на разрешении wide

<ScrollBar maxHeight={150} hideWide>
  Ограничьте доступ к платным услугам контент‑провайдеров. Поставьте запрет и тогда вы не сможете воспользоваться платными развлекательными SMS, командами, голосовыми сервисами контент‑провайдеров, а также номерами услуги «Настроение». Абоненты будут получать уведомление, что вам можно позвонить. Уведомления отправляются тем, кто не смог дозвониться до вас, пока телефон был выключен или находился вне зоны действия сети. Услуга доступна всем абонентам МегаФона, не требует подключения, кроме случаев, когда вы отключили её самостоятельно. Чтобы подключить услугу снова, воспользуйтесь удобным для вас способом. При одновременном звонке абонентов друг другу соединение устанавливается сразу. А значит, вам больше не придётся слушать гудки «занято» и перезванивать, как это было раньше. Услуга «Коннект» действует при звонках на номера любых операторов связи. С услугой «Ожидание вызова» вам можно будет дозвониться, даже если вы уже разговариваете. А услуга «Удержание вызова» поможет управлять двумя звонками одновременно. При переключении между звонками, один из них будет поставлен на удержание, вы сможете вернуться к нему в дальнейшем. Ограничьте доступ к платным услугам контент‑провайдеров. Поставьте запрет и тогда вы не сможете воспользоваться платными развлекательными SMS, командами, голосовыми сервисами контент‑провайдеров, а также номерами услуги «Настроение». Абоненты будут получать уведомление, что вам можно позвонить. Уведомления отправляются тем, кто не смог дозвониться до вас, пока телефон был выключен или находился вне зоны действия сети. Услуга доступна всем абонентам МегаФона, не требует подключения, кроме случаев, когда вы отключили её самостоятельно. Чтобы подключить услугу снова, воспользуйтесь удобным для вас способом. При одновременном звонке абонентов друг другу соединение устанавливается сразу. А значит, вам больше не придётся слушать гудки «занято» и перезванивать, как это было раньше. Услуга «Коннект» действует при звонках на номера любых операторов связи. С услугой «Ожидание вызова» вам можно будет дозвониться, даже если вы уже разговариваете. А услуга «Удержание вызова» поможет управлять двумя звонками одновременно. При переключении между звонками, один из них будет поставлен на удержание, вы сможете вернуться к нему в дальнейшем.
</ScrollBar>

Недостаточно контента для скролла

<ScrollBar maxHeight={300}>
  Ограничьте доступ к платным услугам контент‑провайдеров. Поставьте запрет и тогда вы не сможете воспользоваться платными развлекательными SMS, командами, голосовыми сервисами контент‑провайдеров, а также номерами услуги «Настроение». Абоненты будут получать уведомление, что вам можно позвонить. Уведомления отправляются тем, кто не смог дозвониться до вас, пока телефон был выключен или находился вне зоны действия сети. Услуга доступна всем абонентам МегаФона, не требует подключения, кроме случаев, когда вы отключили её самостоятельно. Чтобы подключить услугу снова, воспользуйтесь удобным для вас способом.
</ScrollBar>

Не скрывать скролл

<ScrollBar maxHeight={150} showAlways>
  Ограничьте доступ к платным услугам контент‑провайдеров. Поставьте запрет и тогда вы не сможете воспользоваться платными развлекательными SMS, командами, голосовыми сервисами контент‑провайдеров, а также номерами услуги «Настроение». Абоненты будут получать уведомление, что вам можно позвонить. Уведомления отправляются тем, кто не смог дозвониться до вас, пока телефон был выключен или находился вне зоны действия сети. Услуга доступна всем абонентам МегаФона, не требует подключения, кроме случаев, когда вы отключили её самостоятельно. Чтобы подключить услугу снова, воспользуйтесь удобным для вас способом. При одновременном звонке абонентов друг другу соединение устанавливается сразу. А значит, вам больше не придётся слушать гудки «занято» и перезванивать, как это было раньше. Услуга «Коннект» действует при звонках на номера любых операторов связи. С услугой «Ожидание вызова» вам можно будет дозвониться, даже если вы уже разговариваете. А услуга «Удержание вызова» поможет управлять двумя звонками одновременно. При переключении между звонками, один из них будет поставлен на удержание, вы сможете вернуться к нему в дальнейшем. Ограничьте доступ к платным услугам контент‑провайдеров. Поставьте запрет и тогда вы не сможете воспользоваться платными развлекательными SMS, командами, голосовыми сервисами контент‑провайдеров, а также номерами услуги «Настроение». Абоненты будут получать уведомление, что вам можно позвонить. Уведомления отправляются тем, кто не смог дозвониться до вас, пока телефон был выключен или находился вне зоны действия сети. Услуга доступна всем абонентам МегаФона, не требует подключения, кроме случаев, когда вы отключили её самостоятельно. Чтобы подключить услугу снова, воспользуйтесь удобным для вас способом. При одновременном звонке абонентов друг другу соединение устанавливается сразу. А значит, вам больше не придётся слушать гудки «занято» и перезванивать, как это было раньше. Услуга «Коннект» действует при звонках на номера любых операторов связи. С услугой «Ожидание вызова» вам можно будет дозвониться, даже если вы уже разговариваете. А услуга «Удержание вызова» поможет управлять двумя звонками одновременно. При переключении между звонками, один из них будет поставлен на удержание, вы сможете вернуться к нему в дальнейшем.
</ScrollBar>
Prop nameTypeDefaultDescription
classes{ root?: string; init?: string; scrollContent?: string; childrenWrap?: string; }Дополнительные классы для корневого и внутренних элементов
dataAttrs{ root?: Record<string, string>; init?: Record<string, string>; }Дополнительные data-атрибуты к внутренним элементам
maxHeight*numberМаксимальная высота контента
hideAllbooleanНе отображать на всех разрешениях экрана
hideWidebooleanНе отображать на разрешении экрана 1280+
hideDesktopbooleanНе отображать на разрешении экрана 1024+
hideTabletbooleanНе отображать на разрешении экрана 768-1023
hideMobilebooleanНе отображать на разрешении экрана 0-767
showAlwaysbooleanОтображать скролл всегда
getScrollBar(node: HTMLElement) => voidRef обработчик
getScrollable(node: HTMLElement) => voidRef обработчик для Scrollable element