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?

Senad Meškin · Accepted Answer · 2019-10-14 16:55:17Z

14

With jQuery:

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

Simple JavaScript

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

I hope this helps.

answered Sep 9, 2011 at 14:32

Senad Meškin

13.8k4 gold badges39 silver badges55 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

That would be jQuery, not Javascript.

jQuery is JavaScript :)

Naftali · Accepted Answer · 2011-09-09 14:32:35Z

3

For one thing set the body not html

To change it to scroll do this:

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

answered Sep 9, 2011 at 14:32

Naftali

147k41 gold badges247 silver badges304 bronze badges

@user521180 -- then what did you ask?