当滚动到另一个DIV上时,改变一个DIV的css
change css of one DIV when scrolled over another
我试图让这个工作无效。我试图得到一个菜单项的CSS改变,当我滚动过去一个特定的DIV。
在这种情况下,我试图得到一个菜单项(#menu-item-3907)来改变它的背景色,当我滚动标记为#section-1的div。
这是我目前为止试过的代码:
var t = $("#section-1").offset().top;
$(document).scroll(function(){
if($(this).scrollTop() > t)
{
$('#menu-item-3907').css({"display":"none"});
}
});
var t = $("#section-1").scrollTop();
$(document).scroll(function(){
if($(this).scrollTop() > t){
$('#menu-item-3907').css({"background":"yellow"});
}
});
尝试使用HTML:
<div id="section-1">Section 1</div>
<div id="menu-item-3907" style="margin-top:1500px">Menu</div>
试试这个
<script>
$(window).scroll(function() {
var scroll_pos = window.pageYOffset;
if(scroll_pos>=300) {
$("#menu-item-3907").css("background-color","#B44DFE");
}
else
{
$("#menu-item-3907").css("background-color","#FFF");
}
});
</script>
<div id="#section-1" style="color:pink;height:300px;border:1px solid">
hi
</div>
<div id="menu-item-3907" style="color:blue;height:300px;border:1px solid">
hi
</div>
http://jsfiddle.net/LnWhJ/1/相关文章:
- 通过DRAGGABLE将一个DIV移动到另一个DIF下?(CSS,JQuery)
- 下载Div&画布为一个图像
- DIV怎么能像Javascript中的另一个元素一样工作呢
- 限制一个DIV出现在另一个特定大小的DIV中
- 使用jQuery将DIV放在另一个DIV上
- 点击一个按钮,有没有一种方法可以检查Div内部的图像
- 使用YUI或ExtJS将隐藏的DIV变成一个窗口
- 只翻转一个DIV,而不是所有DIV都属于同一类
- 更改另一个 DIV 之前的 DIV 宽度
- JQuery 将一个 Div 值的百分比添加到另一个值
- jQuery - 在另一个 DIV 中定位特定的 DIV
- 选中复选框时仅重新加载一个DIV
- 动态创建一个DIV容器
- jQuery-检查外部页面上是否存在DIV,如果存在,则加载DIV,否则加载另一个
- 在悬停时显示一个DIV,在悬停的另一个DIV.使用CSS
- 将DIV内容复制到另一个DIV
- 当调用DIV时,将一个DIV加载到另一个的顶部
- 通过点击隐藏DIV,并通过JavaScript显示另一个DIV
- 动态添加图像在DIV一个接一个
- 给DIV一个最大化按钮