我见过一些网站,当用户向下滚动页面时,会在右侧或左侧弹出一个框......
另外,注意到这个模板:http://www.mvpthemes.com/maxmag/ http://www.mvpthemes.com/maxmag/设计师做得很好,将导航栏固定在顶部。
现在,这些是如何完成的?我猜它使用 jquery 来获取页面的位置并显示框。
您能否指导我在哪里可以找到片段,以便我可以学习做类似的事情。
这种效果通常是通过一些 jquery 逻辑来实现的,如下所示:
$(window).bind('scroll', function () {
if ($(window).scrollTop() > 50) {
$('.menu').addClass('fixed');
} else {
$('.menu').removeClass('fixed');
}
});
这表示一旦窗口滚动超过一定数量的垂直像素,它就会向菜单添加一个类,将其位置值更改为“固定”。
有关完整的实施细节,请参阅:http://jsfiddle.net/adamb/F4BmP/ http://jsfiddle.net/adamb/F4BmP/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)