合并滑入框功能和其他功能

时间:2013-10-17 09:38:03

标签: jquery hide webpage

希望有人能指导我朝着正确的方向前进。

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

'了解更多信息:字段包含电子邮件地址/ 提交 - >>'

还有一个小图标,用户可以关闭此框,如果他们不想在那里。

现在我已经为滚动显示框显示了所有功能:

    /**************************
    *
    * 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%' });
        }
    });
});

!! EDIT !!

当用户点击另一个页面时,为了使其不显示在另一页面上,我在下面建议使用cookie。我找到了一个很好的工作解决方案: http://jsfiddle.net/FcFW2/1/

现在我很难将这两个函数合并在一起,就像尝试css样式和两个函数一样时,只是让盒子一直隐藏。

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

任何指导都会得到满足。

1 个答案:

答案 0 :(得分:0)

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

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