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>

2 files changed, 9 insertions, 2 deletions

diff --git a/web/cobrands/fixmystreet/fixmystreet.js b/web/cobrands/fixmystreet/fixmystreet.js
index a9341d949..cdf1c6af7 100644
--- a/web/cobrands/fixmystreet/fixmystreet.js
+++ b/web/cobrands/fixmystreet/fixmystreet.js
@@ -268,14 +268,14 @@ $(function(){
             $('.mobile .content').after('<div class="content rap-notes"></div>').hide();
             $('#report-a-problem-sidebar').appendTo('.rap-notes').show().after('<a href="#" class="rap-notes-close button-left">BACK</a>');
         }
-        $('html, body').scrollTop(0);
+        $('html, body').scrollTop($('#report-a-problem-sidebar').offset().top);
     });
     $('.mobile').on('click', '.rap-notes-close', function(e){
         e.preventDefault();
         //hide notes, show .content
         $('.mobile .content').show();
         $('.rap-notes').hide();
-        $('html, body').scrollTop(0);
+        $('html, body').scrollTop($('#report-a-problem-main').offset().top);
     });
 
     //move 'skip this step' link on mobile
diff --git a/web/js/map-OpenLayers.js b/web/js/map-OpenLayers.js
index 89059eae9..7b0cc936b 100644
--- a/web/js/map-OpenLayers.js
+++ b/web/js/map-OpenLayers.js
@@ -456,6 +456,13 @@ 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();
+                var height = $('#map_box').height();
+                $('html, body').animate({scrollTop:height}, 1000);
+            });
         }
 
         fixmystreet.page = 'new';