2

Estou desenvolvendo um site e nele adicionei o plugin lionscroll (para mostrar aquela barra semelhante à do Facebook, que some e aparece, dependendo da posição do cursor). Enfim, o problema é o seguinte...

Quando estou em resolução para desktop, ele funciona (assim como se estiver em versão mobile). Mas, se eu eu alterar para outra resolução, o plugin quebra o layout e faz o conteúdo sumir... se eu recarregar a página ele volta a funcionar

Exemplo, testei no navegador...

Com tamanho 1200px ele funciona, se eu mudar para 480px ele dá pau... Se eu entrar em 480px e mudar para 1200px ele dá pau...

Gostaria de saber se tem como dar um "repaint", quando houver o evento de resize na janela, para ver se isto resolveria o problema.

Existe isso em js?

3

1 Resposta 1

1

Se o problema ocorre apenas quando você altera o tamanho da janela, você poderia desativar e ativar o plugin novamente após realizar o resize:

$( window ).resize(function() {
    // desativa e ativa plugin
});
5
  • Não adiantou, acontece a mesma coisa. Commented 4/05/2014 às 22:35
  • @Renang Coloca o seu código no jsfiddle.net e edita sua pergunta, assim poderemos analisar melhor o seu problema
    – Paulo
    Commented 4/05/2014 às 22:40
  • Eu coloquei o site no ar, postei anteriormente: rxnxn2014.xpg.com.br Vá na aba "missões", minimize e veja. Depois carregue-a minimizada e maximize a janela. Commented 5/05/2014 às 0:58
  • 1
    @Renang seu problema é que o layout está definindo uma largura fixa, por isso quando você altera o tamanho da janela, o layout não se adapta. Acessei o site aqui e através do inspetor de elemento do Safari eu coloquei width:auto; no <section id='mission'> and na <div class='kb-wrap'> e funcionou.
    – Paulo
    Commented 5/05/2014 às 1:30
  • 1
    Perfeito! Resolvido! Commented 5/05/2014 às 4:19

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .