我被要求创建一个小幻灯片功能,当用户向下滚动页面时,该框会显示内容:
'了解更多信息:字段包含电子邮件地址/ 提交 - >>'
还有一个小图标,用户可以关闭此框,如果他们不想在那里。
现在我已经为滚动显示框显示了所有功能:
/**************************
*
* 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的初级用户,所以我理解基础知识以及如何实现基本功能,但在这种情况下碰到了墙。
任何指导都会得到满足。
答案 0 :(得分:0)
如果你希望它在后续页面上保持关闭 - 我能看到这个工作的唯一方法是在关闭div时设置一个cookie。
然后,在你的expand方法中,检查是否存在该cookie,如果它存在,就不要打开div。