How do I change the css overflow property of the HTML with javascript

Question

at the moment i have the following css

html{
overflow : hidden;
}

how can i change overflow to 'scroll' with javascript?

Answer 1

With jQuery:

$('html').css({overflow: 'scroll'});

Simple JavaScript

document.getElementsByTagName('html')[0].style.overflow = "scroll";

I hope this helps.

Answer 2

For one thing set the body not html

To change it to scroll do this:

document.body.style.overflow = "scroll";