0

试图弄清楚这个网站如何使他们的时事通讯+按钮使页面向下滑动：

http://thestoryoftelling.com/（点击“newsletter+”）

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

我认为它是通过超级鱼激活的，但我不明白它是如何或从哪里调用的：

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的东西。

4

1 回答 1

1

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

JSFiddle 上的演示

于 2013-03-23T12:50:49.227 回答