Home/ Questions/Q 9120943
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T05:44:40+00:00

Is there a way to ‘fix’ the browser viewport in place in iOS (iPhone

  • 0

Is there a way to ‘fix’ the browser viewport in place in iOS (iPhone and iPad) to prevent the background movement on swipe? The screen will fit the 1024×768 landscape/portrait dimenions so doesnt need to scroll at all..

I need to build a training site that replies on swipe actions to trigger functions – but the moving screen makes this effect look awful!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can try to capture and prevent the ontouchmove event for the whole document.

    HTML:

    <body ontouchmove="BlockElasticScroll(event);">
    <!-- CONTENT -->
</body>

    JS:

    function BlockElasticScroll(event) {
    event.preventDefault();
}

    Instead of binding to the native JS, you easily re-write this to jQuery using .on():

    $("body").on({
    ontouchmove : function(e) {
        e.preventDefault(); 
    }
});

    (jQuery code is not tested).

    I have to say this approach isn’t rock-solid the last time I checked, because “sometimes” the scrolling does take place.

    You can also take a look at ScrollFix to create fullscreen web apps.

    • 0