Jak zapobiec panoramowaniu mapy podczas przewijania strony

Gdy strona HTML zawiera mapę, a użytkownik przewija stronę w dół za pomocą kółka myszy, gdy mysz przesunie się nad mapą, strona przestanie się przewijać, a sama mapa przesunie się. Zobacz Demo1 .

Chciałbym emulować zachowanie wyszczególnione w Prosta sztuczka użyteczności dla Google Maps przy użyciu ArcGIS Server JS API 3.x.

Oznacza to, że strona powinna się przewijać, chyba że użytkownik wyraźnie przeciągnie wewnątrz mapy, w którym to przypadku mapa powinna się przesuwać .

Zachowanie jest prawie obecne w Demo2 , gdzie strona przewija się, nawet jeśli wskaźnik myszy znajduje się nad mapą.

map.on("load", function(){
  // Disable navigation by default, so scrolling the page doesn't scroll the map
  map.disableMapNavigation();

  // When the user tries to pan the map, allow this
  map.on('mouse-drag-start', function(){
    map.enableMapNavigation();
  });

  // Restore the no-scroll behaviour when the mouse leaves the map
  map.on('mouse-out', function(){
    map.disableMapNavigation();
  });
});

Jednak panoramowanie mapy nie jest włączone, chyba że najpierw klikniesz raz na mapie, zwolnisz przycisk myszy, a następnie panoramujesz. Czy jest możliwe osiągnięcie płynnego efektu pokazanego w Mapach Google w poście na blogu?

Próbowałem mouse-drag, mouse-drag-starti mouse-downwydarzeń, ale zachowanie jest takie samo dla wszystkich zdarzeń.

Nigdy nie podajesz powodu używania metody dis / enableMapNavigation zamiast metody dis / enableScrollWheelZoom . Użyj tego drugiego.