[AJUDA] Touch/Rolagem de site congelado/fixo

21/11/2019

11

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.
Responder

Post mais votado

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
Responder

Mais Posts

Olá Patrick, tudo joia? Espero que sim.

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.
Responder

21/11/2019

Patrick

Olá Patrick, tudo joia? Espero que sim.

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">


Responder
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
Responder

22/11/2019

Patrick

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


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.
Responder
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


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.
Responder

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários. Para saber mais sobre o uso de cookies,
consulte nossa política de privacidade. Ao continuar navegando em nosso site, você concorda com a nossa política.

Aceitar