Initial scroll event for when user clicks ok on mobile map, also altered how the Notes scroll so they use offset instead

Signed-off-by: Josh Angell <josh@supercooldesign.co.uk>

1 files changed, 10 insertions, 0 deletions

diff --git a/web/js/map-OpenLayers.js b/web/js/map-OpenLayers.js
index 89059eae9..87400c9d8 100644
--- a/web/js/map-OpenLayers.js
+++ b/web/js/map-OpenLayers.js
@@ -456,6 +456,16 @@ OpenLayers.Control.Click = OpenLayers.Class(OpenLayers.Control, {
                 '</p>'
             );
             $('.mobile-map-banner').text('Right place?');
+
+            // mobile user clicks 'ok' on map
+            $('#mob_ok').on('click', function(e){
+                e.preventDefault();
+                //scroll the height of the map box instead of the offset
+                //of the #side-form or whatever as we will probably want
+                //to do this on other pages where #side-form might not be
+                var height = $('#map_box').height();
+                $('html, body').animate({scrollTop:height}, 1000);
+            });
         }
 
         fixmystreet.page = 'new';