How To Prevent Scrolling Until The Page Loads

Question

I Use This JavaScript until my page loads it shows a simple image.but the problem is the users can scroll the page making the loading animation move up.i want to prevent this.anyone please help me.here is the code i use.Scrolling Is Prevented In Linux(ubuntu) But I am Able To Scroll In Windows

Answer 1

Use this to disable scroll:

No Scroll

$('html, body').css({
  'overflow': 'hidden',
  'height': '100%'
})

and again this to enable scroll after page load completes or page ready:

Scroll

$('html, body').css({
  'overflow': 'auto',
  'height': 'auto'
})

Revert back if any issues,though tested on major browsers...