[AJUDA] Touch/Rolagem de site congelado/fixo
Boa tarde,
Preciso de um help pois não estou conseguindo corrigir este problema em meu site, só acontece na versão mobile;
Ao abrir https://pollmedia.com.br/ no celular,
Não é possível rolar a página para baixo, fica travado o touch, como se não houvesse mais conteúdo para baixo, sendo obrigatório as pessoas clicarem no menu para rolar a página...
Alguém consegue me salvar com alguma orientação?
Obrigado.
Preciso de um help pois não estou conseguindo corrigir este problema em meu site, só acontece na versão mobile;
Ao abrir https://pollmedia.com.br/ no celular,
Não é possível rolar a página para baixo, fica travado o touch, como se não houvesse mais conteúdo para baixo, sendo obrigatório as pessoas clicarem no menu para rolar a página...
Alguém consegue me salvar com alguma orientação?
Obrigado.
Patrick
Curtidas 1
Melhor post
Lucas Conceição
21/11/2019
Então Patrick, eu encontrei essa linha no código do seu site, através do link que você deixou, usei o F12 do Google Chrome para depurar o código.
Depois que eu removi esta classe, aqui funcionou normalmente.
Print retirado agora (15:40hrs) de onde está a linha, limpei o cache e atualizei a pagina e continua lá a classe:
https://imgur.com/S1qkZhr
Depois que eu removi esta classe, aqui funcionou normalmente.
Print retirado agora (15:40hrs) de onde está a linha, limpei o cache e atualizei a pagina e continua lá a classe:
https://imgur.com/S1qkZhr
GOSTEI 1
Mais Respostas
Lucas Conceição
21/11/2019
Olá Patrick, tudo joia? Espero que sim.
O bloqueio não é na página, é no seu Carrousel.
Se você remover a classe "owl-drag" da sua div, ele desbloqueia a rolagem vertical do mesmo.
Tente ai e me diga se funcionou.
O bloqueio não é na página, é no seu Carrousel.
<div class="home-slider js-fullheight owl-carousel owl-loaded owl-drag" style="height: 546px;">
Se você remover a classe "owl-drag" da sua div, ele desbloqueia a rolagem vertical do mesmo.
Tente ai e me diga se funcionou.
GOSTEI 0
Patrick
21/11/2019
Olá Patrick, tudo joia? Espero que sim.
O bloqueio não é na página, é no seu Carrousel.
Se você remover a classe "owl-drag" da sua div, ele desbloqueia a rolagem vertical do mesmo.
Tente ai e me diga se funcionou.
O bloqueio não é na página, é no seu Carrousel.
<div class="home-slider js-fullheight owl-carousel owl-loaded owl-drag" style="height: 546px;">
Se você remover a classe "owl-drag" da sua div, ele desbloqueia a rolagem vertical do mesmo.
Tente ai e me diga se funcionou.
Boa tarde Lucas,
Exato, é no carrousel!
Então,
já removi e não foi agora...
Não sei onde você conseguiu localizar esta div pois eu já havia removido... =x
<div class="home-slider js-fullheight owl-carousel">
ué
GOSTEI 0
Lucas Conceição
21/11/2019
Consultei a documentação do seu Carroussel e verifiquei que você pode definir a opção touchDrag como true.
https://owlcarousel2.github.io/OwlCarousel2/docs/api-options.html
https://owlcarousel2.github.io/OwlCarousel2/docs/api-options.html
GOSTEI 1
Patrick
21/11/2019
Consultei a documentação do seu Carroussel e verifiquei que você pode definir a opção touchDrag como true.
https://owlcarousel2.github.io/OwlCarousel2/docs/api-options.html
https://owlcarousel2.github.io/OwlCarousel2/docs/api-options.html
Bom dia Lucas,
Mesmo sem constar no html, eu também consegui ver depurando no f12.
Mas seguindo a sua segunda dica, consegui alterar o código no arquivo css do carousel.
touch-action:true;
Obrigado Lucas, muito grato.
Com a sua ajuda consegui resolver o meu problema.
GOSTEI 0
Lucas Conceição
21/11/2019
Consultei a documentação do seu Carroussel e verifiquei que você pode definir a opção touchDrag como true.
https://owlcarousel2.github.io/OwlCarousel2/docs/api-options.html
https://owlcarousel2.github.io/OwlCarousel2/docs/api-options.html
Bom dia Lucas,
Mesmo sem constar no html, eu também consegui ver depurando no f12.
Mas seguindo a sua segunda dica, consegui alterar o código no arquivo css do carousel.
touch-action:true;
Obrigado Lucas, muito grato.
Com a sua ajuda consegui resolver o meu problema.
Acho que você ainda via no navegador mesmo sem estar no código fonte, por causa do cache, sempre que atualizar, use ctrl+F5, ele atualiza o chace do navegador, talvez tenha sido isso o motivo de você não conseguir visualizar atualizado, acontece kkkk.
Quem bom que conseguiu resolver seu problema, fico feliz em ter ajudado, seu projeto está muito bom, parabéns. Qualquer duvida, é só falar.
GOSTEI 1