按下按钮使$(“身体”）.css(“高度”:“100%”）

press button to make $("body").css("height":"100%")

本文关键字：css 高度 100% 身体 按钮      更新时间：2023-09-26

我想在我的网站上使用此功能（当按"显示它"时）--> http://labs.voronianski.com/jquery.avgrund.js/

问题是此功能需要将身高提高到 100%。一段时间后，在我的网站中，我需要检测滚动用户以使顶栏出现并消失在某些位置。

因此，为了可以加入这两个功能，我仅在按下按钮显示div avground时将身高更改为100%。但是我有一个问题：按钮在页面页脚上，当我改变身体高度时，他们会自动将我发送到页面顶部并在显示 dediv avground 之后。

有什么方法不会发生这种情况，或者可以在div avground 出现之前滚动到页脚？

如果有人有其他解决方案，我将不胜感激。

谢谢

你试过使用引导模式吗？在我看来，它们制作起来非常简单，看起来更好。

http://getbootstrap.com/javascript/

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

.CSS：

#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;
}

.HTML：

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

这意味着，您的所有网站都将位于 #layer 体内，菜单 #menu 内。

因此，当您打开菜单时，您必须将类 HIDE 添加到 #layer 体中，将 SHOW 添加到 #menu 中。

相关文章：