How to move the map through a div on top of this map (and scroll to)?

Question

JavaScript

At the same time, the div does not move relative to the screen and remains in the center.

Answer 1

https://css-tricks.com/almanac/properties/p/pointe...
but not much support.

Answer 2

https://jsfiddle.net/es7t1xob/

.bl {
position: fixed; 
z-index:999;
top: 50%;
left: 50%;
width: 100px;
height: 100px;
margin: -50px 0 0 -50px;
background-color: black;
}