Setting the overflow property with Javascript

Question

i need this function to enable vertical scrolling but not horizontal.

This doesn't works:

function scrollFunction() {
        // Scroll to top 
    document.getElementsByTagName('body')[0].style.overflow-y='auto';
}

While this does, but it enables both vertical and horizontal scrolling.

function scrollFunction() {
    // Scroll to top
    document.getElementsByTagName('body')[0].style.overflow='auto';
}

How can I specify just the overflow-y properly? Thanks

VisioN · Accepted Answer · 2013-02-28 21:17:19Z

10

Compound style properties are written in camelCase notation (the first letter is small):

document.getElementsByTagName("body")[0].style.overflowY = "auto";

answered Feb 28, 2013 at 21:17

VisioN

146k35 gold badges287 silver badges291 bronze badges

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

Comments

Wryte · Accepted Answer · 2013-02-28 21:20:59Z

4

As an alternative to VisioN's answer you can use square brackets and a string to access it:

document.getElementByTagName("body")[0].style['overflow-y'] = "auto";

This is good if you don't know what the camelCase is.

answered Feb 28, 2013 at 21:20

Wryte

9153 gold badges10 silver badges24 bronze badges

Thank you too for mentioning that!