How to deactivate the scroll down function on an embedded WAB app?

[PabloIzquierdo1]

Hi all,

I'm trying to embed a developer version of our WAB app on a website, but I'm not able to deactivate the scroll down function, I've tried with overflow: hidden; on the iframe and in the source code, but it doesn't work.

I'm looking forward for an answer on this issue because I know I'm not the only one with this question.

Thanks,

Pablo

[RobertScheitlin__GISP]

Pablo,

   Have you seen this thread? https://community.esri.com/thread/169202 

[PabloIzquierdo1]

Robert,

Thanks, I've tried that, but I couldn't find where to modify the code of my WAB, there are a lot of folders and sub-folders, and at the end, I get lost.

Where can I find the div of the "map"? or do I have to modify a Js?

Is there any option to add something simple as the following?

          map.disableMapNavigation();          map.disableKeyboardNavigation();          map.disablePan();          map.disableRubberBandZoom();          map.disableScrollWheelZoom();

[RobertScheitlin__GISP]

Pablo,

   The map div can be found in the jimu.js/MapManager.js

[PabloIzquierdo1]

I'm trying to add the below lines of code in the jimu.js/MapManager.js, but I'm not able to find where it should put them. I'm not an expertise in JavaScript, so it is not easy for me to understand all these lines of code

map.on("load", function(){
map.graphics.enableMouseEvents();
map.disableScrollWheelZoom();
map.disableMapNavigation();
});

Thanks again for all your help.

[RobertScheitlin__GISP · Accepted solution]

Pablo,

  I would try it here:

      _publishMapEvent: function(map) {
        map.graphics.enableMouseEvents();
        map.disableScrollWheelZoom();
        map.disableMapNavigation();
        //add this property for debug purpose
        window._viewerMap = map;

        MapUrlParamsHandler.postProcessUrlParams(this.urlParams, map);

        console.timeEnd('Load Map');
        if (this.map) {
          this.map = map;
          this.resetInfoWindow(true);
          console.log('map changed.');
          topic.publish('mapChanged', this.map);
        } else {
          this.map = map;
          this.resetInfoWindow(true);
          topic.publish('mapLoaded', this.map);
        }
      },‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

[PabloIzquierdo1]

Robert,

It works!!! thank you so much for all your help. I really appreciate it.