这里是 jquery 的新手,但我正在尝试学习一些在我经常访问的网站上完成的不同内容。
我无法弄清楚的一个例子是如何为固定位置的标题创建投影,这样当您滚动时,投影会出现在标题下方,然后在您不滚动任何内容时消失。这是我经常使用这种技术的网站 www.thisisluckyme.com
它看起来并不太复杂,但在尝试制作它时我找不到太多可取之处。非常感谢任何帮助或深入了解它的作用!
最佳答案
很简单。您只需将事件处理程序绑定(bind)到窗口的滚动事件,并检查固定标题顶部的位置。如果不为 0,则添加阴影。如果是0,去掉0。
工作示例:http://jsfiddle.net/3cRe5/
JS:
var header = $('.header');
$(window).scroll(function(e){
if(header.offset().top !== 0){
if(!header.hasClass('shadow')){
header.addClass('shadow');
}
}else{
header.removeClass('shadow');
}
});
关于javascript - jquery html/css : Creating drop shadow on fixed pos header that appears and disappears when scrollling,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8437047/