#html #css #angular #scroll #airconsole
Вопрос:
я создаю угловой сайт, мне нужно сделать div, который поддерживает возможность просмотра других разделов (если он больше экрана). Я попробовал-webkit-переполнение-прокрутка: касание; но это не сработало. Это мой код:
<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;
}
Веб — сайт используется только на смартфонах с API airconsole.
Комментарии:
1. Я думаю, вы ищете
overscroll-behavior2. @YaakovAinspan Я попытался отменить автоматическое поведение, но это не сработало
Ответ №1:
Попробуй это
.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: Не тестировался
Ответ №2:
Что касается кондиционера, вы можете инициализировать его с помощью
setup_document: false
Как в:
new AirConsole({ setup_document: false })
Документация:
Настраивает документ таким образом, чтобы ничего не выбиралось, масштабирование фиксируется на 1, а прокрутка отключена (клиенты iOS 8 выходят из полноэкранного режима при прокрутке).