Скрытие горизонтальной полосы прокрутки не работает при использовании библиотеки simplebar

Question

Я использую библиотеку simplebar (https://github.com/Grsmto/simplebar) внутри углового проекта 6), когда я добавил простую панель в свой HTML-тег, она показала горизонтальную и вертикальную полосу прокрутки, поэтому я хочу показать только вертикальная полоса прокрутки.

Я пытался скрыть горизонтальную полосу прокрутки с помощью этого свойства CSS:

overflow-x: hidden

и с этими свойствами тоже:

width:100%" and "position:abolute" or "position:relative"

<div data-simplebar style="overflow-x: hidden">
    <div *ngFor="let example of examples;">
        <div>{{example.title}}</div>
            <p>{{example.text}}</p>
        </div>
    </div>

Я ожидаю показать только горизонтальную полосу прокрутки, но она, похоже, не работает, я не знаю, отсутствует ли у меня что-то или какое-либо свойство CSS, или эта проблема вызвана Angular.

Answer 1

Библиотека SimpleBar создает оболочку вокруг вашего содержимого, поэтому CSS-переполнение, примененное к вашему div, не скроет полосы прокрутки.

Скрыть горизонтальную полосу прокрутки, созданную плагином

.simplebar-track.simplebar-horizontal {
   display: none;
}

и отключите прокрутку прокручиваемого div, созданного библиотекой.

.simplebar-content {
  overflow-x: hidden;
}

Answer 2

попробуйте использовать обе эти команды одновременно.

• переполнение-у: прокрутка;
• overflow-x: скрыто;