$('#map_canvas').addClass('scrolloff');
$('#canvas').on('click', function () {
$('#map_canvas').removeClass('scrolloff');
});
$("#map_canvas").mouseleave(function () {
$('#map_canvas').addClass('scrolloff');
});.scrolloff{
pointer-events: none;
}<meta name="viewport" content="width=device-width, initial-scale=1">*{
font: bold 21px "Bebas Neue";
color: #A1A1A1;
}body{
font: bold 21px "Bebas Neue";
color: #A1A1A1;
}selector{
....
bacground: url(sprite.png) x1 y1 no-repeat;
}
selector:hover{
background-position: x2 y2;
}