Javascript 按此按钮可生成$（“body”）.css（“height”：“100%”）_Javascript_Jquery_Html_Css_Web

Javascript 按此按钮可生成$（“body”）.css（“height”：“100%”）

javascript jquery html css web

Javascript 按此按钮可生成$（“body”）.css（“height”：“100%”）,javascript,jquery,html,css,web,Javascript,Jquery,Html,Css,Web,我想在我的网站中使用此功能（按“显示”时）--> 问题是，该功能需要将身高设置为100%。在某些时候，在我的网站，我需要检测滚动用户，使顶栏出现和消失的一些位置为了加入这两个功能，我只在按下按钮显示div avground时将身高更改为100%。但我遇到了一个问题：按钮在页脚上，当我改变身体高度时，他们会自动将我发送到页面顶部，然后显示de div avground 在div avground出现之前，是否有任何方法不发生这种情况，或者可以滚动到页脚如果有人有其他的解决方案，我很感激感谢您

我想在我的网站中使用此功能（按“显示”时）-->

问题是，该功能需要将身高设置为100%。在某些时候，在我的网站，我需要检测滚动用户，使顶栏出现和消失的一些位置

为了加入这两个功能，我只在按下按钮显示div avground时将身高更改为100%。但我遇到了一个问题：按钮在页脚上，当我改变身体高度时，他们会自动将我发送到页面顶部，然后显示de div avground

在div avground出现之前，是否有任何方法不发生这种情况，或者可以滚动到页脚

如果有人有其他的解决方案，我很感激

感谢您，您实际上不必这样做，对于该动画，您可以使用简单的CSS3：

CSS:

HTML:

这意味着，您的所有网站都将位于#层主体内，而菜单位于#菜单内

因此，当您打开菜单时，您必须将类HIDE添加到#层主体并显示到#菜单。

您尝试过使用引导的modals吗？在我看来，它们做起来很简单，看起来也很漂亮

很难理解你的语言。。为了更简单，请显示所有相关代码。代码包含html、css和jquery。我只想把这个工作-->labs.voronianski.com/jquery.avgrund.js放在我页面的页脚，但“显示”按钮在我的身体高度不能达到100%的时候，我只需按下按钮来显示这个功能

#layer-body {
    -webkit-transition: -webkit-transform 0.5s;
    -moz-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
}
#layer-body.hide {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    transform: scale(0.8);
}
#menu {
    background: rgba(208, 31, 60, .95);
    position: fixed; top: 0; left: 0; z-index: 4;
    width: 100%; height: 100%;
}
#menu.show {
    visibility: visible;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
}
#menu.hide {
    visibility: hidden;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform 0.5s, visibility 0s 0.5s;
    transition: transform 0.5s, visibility 0s 0.5s;
}

<body>
    <div id="layer-body"></div>
    <div id="menu"></div>
</body>