Question

我目前有一个用一段javascript代码打开/关闭的菜单，当菜单切换时，有css添加到html和body停止滚动。现在我的问题是，当菜单切换样式似乎停留，所以我添加了一些代码，以便身体和html上的溢出和高度返回到自动切换关闭。

这提出了两个问题。

菜单现在不再切换。

仍然是最初的问题，我需要html和body恢复正常的可滚动状态。

function toggle_visibility(id) {
    var e = document.getElementById(id);
    if(e.style.display == 'block')
    e.style.display = 'none';
    $('html, body').css({
        'overflow': 'auto',
        'height': 'auto'
    });
    else
    e.style.display = 'block';
    $('html, body').css({
        'overflow': 'hidden',
        'height': '100%'
    });
}

非常感谢所有人和任何帮助。

谢谢！

Answer 1

将你的if和else块放在大括号中

function toggle_visibility(id) {
    var e = document.getElementById(id);
    if(e.style.display == 'block')

{

    e.style.display = 'none';
    $('html, body').css({
        'overflow': 'auto',
        'height': 'auto'
    });

}
    else

{
    e.style.display = 'block';
    $('html, body').css({
        'overflow': 'hidden',
        'height': '100%'
    });

}

}

Javascript切换重新启用css

1 个答案: