0

希望有人能指导我正确的方向。

我被要求创建一个小幻灯片功能,当用户向下滚动页面时,该框会显示内容:

'了解更多:带有电子邮件地址框的字段/提交->'

还会有一个小图标,如果用户不想要它,可以关闭此框。

现在,我拥有了所有功能都可以在滚动时显示该框:

    /**************************
    *
    * email function
    *
    **************************/
    jQuery(window).scroll(function() {
        if (jQuery(this).scrollTop() > 200) {
            jQuery('#enquiry_submit form').stop().animate({ left: '0' });
        } else {
            jQuery('#enquiry_submit form').stop().animate({ left: '-25%' });
        }
    });
});

!!编辑!!

为了使它在用户点击另一个页面时不会显示在另一个页面上,我在下面建议使用 cookie。我发现一个很好的工作解决方案经过测试:http: //jsfiddle.net/FcFW2/1/

现在我坚持将这两个函数合并在一起,因为在尝试 css 样式和两个函数时,只是让框一直隐藏。

我是 jQuery 的新手用户,所以我了解基础知识以及如何实现基本功能,但在这种情况下碰壁了。

任何指导都会被应用。

4

1 回答 1

0

如果您希望它在后续页面上保持关闭 - 我可以看到此工作的唯一方法是在您关闭 div 时设置一个 cookie。

然后,在您的 expand 方法中,检查该 cookie 是否存在,如果存在,请不要打开 div。

于 2013-10-17T10:58:09.597 回答