意图:
有着漂亮的图片和标题的div
当访问者在div上方徘徊时,漂亮的内容将被描述性文本所取代。
只有CSS的解决方案
很简单对吧?
以下是我所尝试的:
HTML:
<div class="drunter">
I am below
<div class="drueber">
I am on top
</div>
</div>
CSS:
.drunter {
position:relative;
background-color:#f00;
我知道这可能会导致灾难,但我想在滚动150 px之后更改css: know元素。我已经在使用jQuery来完成这个任务,但是我不知道如何针对悬浮元素。有解决办法吗?
我的代码:
$(window).scroll(function() {
if ( $(window).scrollTop() > 150 ) {
$('#menu li ul li:hover').css('background', 'rgba(0,0,0,1)';
} else {
$('#menu li ul li:hover