On SharePoint this feature is not working by default on the mobile devices.
The cause is the applied style overflow:hidden
on the </body>
tag.
To overcome this, we can use the following script:
(function( $ ) {
$(document).ready(function(){
// device detection
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
$("body").css("overflow","inherit");
}
});
}(jQuery));
This will detect the browser user-agent and apply the style overflow:inherit
to the </body>
tag on mobile devices.
If you have a different user-agent you can simple add to the example code.
Comments