Lock the mouse scroll in JavaScript

Question

Lock the mouse scroll in JavaScript

Navigation

#1 by (3 votes)

1

I made a program using polymer and within one of the components in a specific area (the legend area of my graphic) I want the scrolling page not to work, is there any way to do this?

javascript polymer

asked by anonymous 27.02.2018 / 18:21

1 answer

Bring the first row based on a date in SQL Concatenate Radio Elements

score 3 · Accepted Answer

You can hide scroll when the mouse passes in a certain area, in my example I put it to hide overflow by passing <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>

Source: link