Search code examples
javascriptcssadobe-edge

Why are my javascript if else statements always running the first option?

In my code I'm trying to set that if overflow is set to 'visible', it will remove the scrollbars using unloadScrollbars, and when overflow is set to 'hidden' it will not hide the scrollbars. I'm using edge animate (which supports javascript and css), and every time I make an if statement it always executes the first option, whether or not the parameter is true. Please help!

//overrides stage overflow setting
function overflow(toggle) {
    document.getElementById('Stage').style.overflow = toggle;
    return toggle;
}

overflow('hidden');


if (toggle='visible') {
    unloadScrollBars();
    console.log("unloading scrollbars");
} else {
    console.log("not unloading scrollbars");
}
Solution

  • = is an assignment…

    if (toggle='visible') {

    Is the same as:

    toggle='visible';
if (toggle) {

    … you want a comparison: == or ===.