希望有人能指导我正确的方向。
我被要求创建一个小幻灯片功能,当用户向下滚动页面时,该框会显示内容:
'了解更多:带有电子邮件地址框的字段/提交->'
还会有一个小图标,如果用户不想要它,可以关闭此框。
现在,我拥有了所有功能都可以在滚动时显示该框:
/**************************
*
* 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 的新手用户,所以我了解基础知识以及如何实现基本功能,但在这种情况下碰壁了。
任何指导都会被应用。