<分区>
我有一个粘性标题，它下面有一个框阴影。我希望框阴影仅在用户向下滚动时出现。此外，一旦用户滚动回页面顶部，阴影就会消失。
我在这个 jsfiddle 中看到了类似的解决方案:
var header = $('.header');
$(window).scroll(function(e){
if(header.offset().top !== 0){
if(!header.hasClass('shadow')){
header.addClass('shadow');
}
}else{
header.removeClass('shadow');
}
});
CSS:
.header {
font-size:24px;
width:100%;
height:60px;
background:white;
position:fixed
}
.header.shadow {
box-shadow:0px 5px 5px rgba(0,0,0,.5);
}
body {
height:1000px;
background: rgb(169,3,41);
/* Old browsers */
background: -moz-linear-gradient(top, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(44%,rgba(143,2,34,1)), color-stop(100%,rgba(109,0,25,1)));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
/* IE10+ */
background: linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
}
然后在此处实现:http://www.provisiontree.co.in/
有谁知道如何让方框阴影出现在示例网站中的淡入淡出效果中？