html将div分成两部分,将一个Div分成两个css部分？

我想获得我的CSS工作一些帮助。将一个Div分成两个css部分？

现在我想要做的是在用户开始滚动时在div上显示阴影。

现在我有。

HTML

CSS

.head {

background: #edeff0;

position: fixed;

width: 70%;

height: 70px;

top: 0;

left: 85px;

right: 15px;

z-index: 100;

}

.shadow {

display:none;

-webkit-transition-duration: 0.2s;

-moz-transition-duration: 0.2s;

-o-transition-duration: 0.2s;

transition-duration: 0.2s;

-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);

-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);

box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);

-webkit-transition-duration: 0.2s;

-moz-transition-duration: 0.2s;

-o-transition-duration: 0.2s;

}

的Javascript

$(document).scroll(function() {

var y = $(this).scrollTop();

if (y > 1) {

$('.shadow').fadeIn();

} else {

$('.shadow').fadeOut();

}

});

现在，如果我删除 display：none;一切都会显示，如果我把它放回去，它会隐藏一切。

我怎样才能得到它只隐藏阴影，并使JavaScript的工作。

感谢

ALED

2013-12-23

aled2305

+1

只需使用toggleClass()，或者如果你想使用单独的功能，使用addClass()和removeClass() –

+0

我想做些什么是使用CSS来隐藏阴影，以便脚本可以在滚动时再次鞋楦？ –

+0

我在下面的答案概述了你需要做的事情。它根据发生的情况添加或删除影子类。你需要摆脱显示：无; –