1

Fiz um programa usando polymer e dentro de um dos componentes em uma área específica (a área da legenda do meu gráfico) quero que o scroll da página não funcione, existe alguma maneira de fazer isso?

1 Resposta 1

3

Você pode ocultar o scroll quando o mouse passar em uma determinada área, no meu exemplo eu coloquei para ocultar o overflow ao passar pela <div id="azul">.

var azul = document.getElementById("azul");

azul.onmouseover = function(){
   document.body.style.overflowY = "hidden";
};

azul.onmouseout = function(){
   document.body.style.overflowY = "auto";
};
#total{
  height: 900px;
}

#amarela{
  background-color: yellow;
  height:50%;
}

#azul{
  background-color: blue;
  height:50%;
}
<div id="total">
  <div id="amarela"></div>
  <div id="azul"></div>
</div>

Fonte: https://stackoverflow.com/questions/7915882/disabling-mouse-scrolling

3
  • então Caique, eu tinha visto algumas respostas para perguntas similares da forma como voce falou, mas ao executar esse é o retorno que tenho: "Uncaught ReferenceError: $ is not defined", acho que eh devido a estar usando o polymer, o que faz eu estar operando em shadow dom Commented 27/02/2018 às 17:35
  • Esse erro é porque a solução que postei utiliza a biblioteca Jquery e ela precisa ser incluida para poder funcionar: <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> Commented 27/02/2018 às 17:37
  • Alterei minha resposta, assim ela não depende mais do jquery veja se te ajuda ;) Commented 27/02/2018 às 17:42

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 .