任意滚动鼠标滚轮。改变一个div的style怎么写。
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了任意滚动鼠标滚轮。改变一个div的style怎么写。相关的知识，希望对你有一定的参考价值。
任意滚动鼠标滚轮。改变一个div的style怎么写：
想实现的效果是:一滚动鼠标滚轮。一个div的style就改变。
具体怎么写呢
追答<!DOCTYPE html><html>
<head>
<title></title>
<style type="text/css">
div
height: 500px;
width: 500px;
background-color: darkcyan;
</style>
</head>
<body>
<div>
</div>
<div>
</div>
<div id="changeColor"></div>
<div></div>
<div></div>
</body>
</html>
jquery:
$(window).scroll(function()
$("#changeColor").css('backgroundColor':"#9cf")
)
);
原生javascript：
window.onscroll=function()var te=document.getElementById('changeColor');
te.style.backgroundColor='#9cf';
参考技术A 使用$(document).scrollTop(); 参考技术B 有这种嘛？页面滚动不是随着页面内容的添加而自动生成的滚动条嘛？
JS怎么禁止鼠标滚轮的单击 IE下！ 注意是滚轮去单击 而不是滚动！
参考技术A 楼上哥们的代码原理没有错，但是a标签的禁用要另写代码，
因为，事件的冒泡原理，
所有事件最终都会冒泡到document对象，但是
a标签
的单击和href跳转
等到冒泡到
document的时候
已经触发了，而且
document
的鼠标按下事件
return
false;取消的也只是
document.onmousedown
事件，
所以，要在a标签上禁止鼠标中键
就要：
在页面的所有a标签上
绑定鼠标按下事件
并判断按下的是否是鼠标中键，
然后取消掉该元素的默认事件，从而使其无效。
我的意思是：楼上哥们的代码你要用，并且你还要单独再写一个
针对a标签鼠标中键的代码。
以上是关于任意滚动鼠标滚轮。改变一个div的style怎么写。的主要内容，如果未能解决你的问题，请参考以下文章
h5使用position:fixed将div固定之后,如何实现鼠标在div内的时候,滑动滚轮只有div滚动,而非整个页面滚动？
JS怎么禁止鼠标滚轮的单击 IE下！ 注意是滚轮去单击 而不是滚动！