Javascript -鼠标轮去上课
Javascript -鼠标轮去上课
提问于 2015-08-13 20:41:42
每次我使用鼠标轮(您知道正常滚动)时，我都希望JS (jquery或其他什么)滚动到特定于的类(或者id并不重要)。
我有多个div，所以像$('body').scrollTo($nextdiv)这样的代码不是一个选项。
我只想让每个车轮周期移动到一个具有特定类/id的下一个div。反向滚动也是如此。向上移动一个div (具有特定类)。
我发现了鼠标轮事件，以及如何移动到特定的div，但无法设法使它一起工作。
动画卷轴会很酷。
简单的问题。我可以在同一个舱里上课和身份证吗？前<div class="a" id="b">？
Stack Overflow用户
发布于 2015-08-13 21:06:42
快速示例，这段代码可以改进。最好是在小提琴上测试。将鼠标指向列表并滚动。
注意:我没有使用类，但是如果您了解我所做的，那么使用类是很容易的。
注2:我只是改变颜色，但是逻辑可以用你想要的任何东西来代替。
var i = 0;
var list = document.getElementById("list"), length = list.children.length;
list.addEventListener("wheel", ColorLi);
function ColorLi(e) {
//reset colors
for(var j = 0; j < length; j++)
list.children[j].style.color = "black";
//calculate index
if(e.wheelDelta > 0)
i++;
else
i--;
//fix index out of range
i = i < 0 ? 0 : i;
i = i > length-1 ? length-1 : i;
//set color
list.children[i].style.color = "red";
}<ul id="list">
<li style="color: red">A</li>
<li>B</li>
<li>C</li>
<li>D</li>
</ul>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/31998034
复制相关文章
相似问题
腾讯云开发者
