滚动和消失元素答案

【问题标题】：Scrolling and disappearing elements滚动和消失元素
【发布时间】：2012-11-27 03:39:50
【问题描述】：

我今天查看了一些网站，发现了一个新的 CSS 或 JS 技巧，我以前从未见过，但我真的很喜欢。我不知道它是如何完成的，或者我可以在哪里了解更多关于它的信息。这是a link 到我看到效果的网站。当您单击顶部的“登录”按钮时会发生这种情况。使用什么语言编写该代码，我在哪里可以了解它？

【问题讨论】：

屏幕截图和代码将使您比该链接更远。
听起来不错，感谢您的提示！

标签： javascript css

【解决方案1】：

他们使用简单的 jquery 和 css 函数来实现这一点。

这是他们的

$(document).ready(function(){
var toggleLogin = 1;
$(".toggleLogin").click(function () {
    if (toggleLogin == 1) {
        toggleLogin = 0;
        $("#login").animate({ top: 0 });
        $("#IconBenchUsername").focus();
    } else {
        toggleLogin = 1;
        $("#login").animate({ top: -43 });
    }
    $("#invisLoginArea").slideToggle();
});
});

【讨论】：

我也会在延迟时触发该动画，以防止事件排队并多次触发，例如this

【解决方案2】：

您可以使用 Javascript 或 CSS3 来实现，这是一个简单的动画效果。顺便说一句，我认为 CSS3 对你来说更容易。您可以在 Google 中搜索动画和变换以获取更多详细信息。

【讨论】：