Как отключить свайп в веб приложении телеграм?

Question

[ch1ps01]

у меня есть страница, которая открывается с веб приложения телеграм и там есть один блок со скроллом, когда я скроллю вниз, то это приложение в телеграмме сворачивается, это можно как-то отключить?

Comments

[StiflerProger]

Не уверен что можно отключить. Я, играя в blum один палец держу на экране всегда, а вторым уже кликаю, так не сворачивается

[Дмитрий Кузнецов]

StiflerProger, попробуйте сделать горизонтально телефон - помогает)

Answer 1

[Alex Step]

Нужно добиться чтобы document body(то есть страница) не прокручивалась вообще, тогда приложение не будет сворачиваться.

Для этого можно контент приложения засунуть в блок с position:fixed; и уже внутри него включить overflow:auto

+ еще недавно в api в версии 7.7 добавили метод disableVerticalSwipes

Comments

[Cucumberchik]

нет, не верно я пробывал но само прокрутка от телеграм работает если даже прокрутка от приложений заблокировано

Answer 2

[Cucumberchik]

Я нашел в доках от телеграм, попробуй может у тебя заработает, к сожелению у меня не заработало возможно из-за фреймворка или типо того

window.Telegram.WebApp.disableVerticalSwipes()

Comments

[Zhuk]

У меня не срабатывает, в как думаешь в чём может быть дело, vue 3 + vite
есть анимация свайпа чтоб закрыть всплывающее окно в одном компоненте
в App прописал такую логику

<script setup>
import {onMounted} from 'vue';

const webapp = window.Telegram.WebApp;

onMounted(async () => {
	webapp.expand();
	webapp.ready();
	webapp.isOrientationLocked();
	webapp.disableVerticalSwipes();
	webapp.disableClosingConfirmation();
	webapp.setBackgroundColor("#000000");
});
</script>

<template>
	<router-view></router-view>
</template>

метод ориентации работает во всех компонентах, а вертикальные свайпы вообще как-будто не хотят работать

[Zhuk]

ужас какой-то произошёл, я не заметил в index.html ссылка в script tg старая была, а первый компонент роутера использовал метод из bot api 8.0+, из-за этого вообще ничего не работало, заменил свежим скриптом из тг и всё норм

[Cucumberchik]

Zhuk, крутой

Answer 3

[L1nw0od]

Решили проблему?