jquery - 该网站如何从顶部滑动其 newsletter+？

Question

试图弄清楚这个网站如何让他们的 newsletter+ 按钮使页面向下滑动:

http://thestoryoftelling.com/ (点击“时事通讯+”)

看起来 #wrap 元素的页面偏移量为 57px，它的背景 url 在“滑入”后有效地成为注册链接的背景。点击“newsletter+”调用“_gaq”函数，但这似乎更适合跟踪。

我认为它是通过 superfish 激活的，但我不明白它是如何或从哪里调用的:

jQuery(document).ready(function($) { 
    $('#header .menu, .superfish').superfish({
        delay:       100,                               // 0.1 second delay on mouseout 
        animation:   {opacity:'show',height:'show'},    // fade-in and slide-down animation 
        dropShadows: false                              // disable drop shadows 
    });
});

有什么想法吗？可能是 jquery 的东西。

Answer 1

好吧，我个人会做类似的事情，将彩色条作为页面上的第一个元素，并给它一个负的 margin-top，这样只显示底部边缘。然后我可以设置 style.marginTop='0'，如果我设置了合适的 transition 属性，它就会像您显示的网站一样滑动。

Demonstration on JSFiddle