[AJUDA] Touch/Rolagem de site congelado/fixo

21/11/2019

0

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

Patrick

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

Lucas Conceição

Lucas Conceição
Responder

Mais Posts

21/11/2019

Lucas Conceição

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

21/11/2019

Lucas Conceição

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

22/11/2019

Lucas Conceição

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

Que tal ter acesso a um e-book gratuito que vai te ajudar muito nesse momento decisivo?

Ver ebook

Recomendado pra quem ainda não iniciou o estudos.

Eu quero
Ver ebook

Recomendado para quem está passando por dificuldades nessa etapa inicial

Eu quero

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar