时间戳

首页 > 解决方案 > Html 使 div 在移动设备上可滚动（空调）

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

问题描述

我正在构建一个有角度的网站，我需要制作一个包含其他 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 的智能手机。

标签： htmlcssangularscrollairconsole

解决方案

至于 AirConsole，你可能想用

setup_document: false

如：

new AirConsole({ setup_document: false })

文档：

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

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

推荐阅读