小编Jua*_*uan的帖子

使用 simplebar 库隐藏水平滚动条不起作用

我在 Angular 6 项目中使用 simplebar 库(https://github.com/Grsmto/simplebar),当我在 html 标签中添加简单栏时,它显示了一个水平和垂直滚动条,所以我只想显示垂直滚动条。

我尝试使用以下 CSS 属性隐藏水平滚动条:

overflow-x: hidden
Run Code Online (Sandbox Code Playgroud)

也具有以下属性:

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>
Run Code Online (Sandbox Code Playgroud)

我希望只显示水平滚动条,但它似乎不起作用,我不知道是否缺少某些内容或某些 CSS 属性,或者 Angular 是否导致了此问题。

html css typescript angular angular6

5
推荐指数
1
解决办法
7050
查看次数

标签 统计

angular ×1

angular6 ×1

css ×1

html ×1

typescript ×1