html - Html 使 div 在移动设备上可滚动（空调）

Question

我正在构建一个有角度的网站，我需要制作一个包含其他 div 可滚动的 div（如果它比屏幕大）。我试过 -webkit-overflow-scrolling: touch; 但它没有用。这是我的代码：

<div *ngFor="let playlist of genres" class="scrollable">
      <div [id]="playlist.category" (click)="genreSelected(+playlist.category, playlist.name)" class="questionElement, scrollable">{{ playlist.name }}</div>
</div>

.scrollable {
  -webkit-overflow-scrolling: touch;
}

该网站仅用于带有 airconsole API 的智能手机。

Answer 1

至于 AirConsole，你可能想用

setup_document: false

如：

new AirConsole({ setup_document: false })

文档：

设置文档以使任何内容都无法选择，缩放固定为 1 并禁用滚动（iOS 8 客户端在滚动时退出全屏）

https://developers.airconsole.com/#!/api

Answer 2

尝试这个

.scroll {
-webkit-overflow-scrolling: touch;
overflow: auto;
width: 100%;
border: 1px solid black;
height: 100px;
border-radius: 10px;
font-family: monospace;
padding: 1em;
}

<div class="scroll">
Some<br>
Test<br>
Content<br>
To<br>
Make<br>
New<br>
Lines<br>
Scroll<br>
Scroll<br>
Scroll
</div>

我认为您缺少一些价值观。
PS：未测试