jquery鼠标滚动更改div位置

如何使用鼠标滚动事件控制

div

的位置

我有12个

li

s，其中只有5个在任何时候都可见。我希望能够在滚轮滚动时显示不同的

li

元素。如果可能的话，我想要一个圆形的布局

我不想滚动我的页面，但像画廊的东西。如果你把我所有的

li

元素想象成照片，如果鼠标滚动，照片会在水平方向上改变位置，比如

我需要在jQuery和水平方向上实现这一点，而不是在垂直方向上使用vanilla JS。是否有插件或工作代码

$（文档）.ready（函数（）{
//jQuery代码
});
*{填充：0；边距：0；}
div，ul{高度：100px；宽度：500px；显示：块；溢出：隐藏；}
div{位置：相对；}
ul{位置：绝对；}
li{float:left；高度：98px；宽度：98px；显示：块；列表样式：无；边框：1px实心#aaa；}

一,
二,
三,
四,
五,
六,
七,
八,
九,
十,
十一,
十二,

我搞不清你到底在找什么。如果希望jQuery工具协助滚动，可以使用以下工具：

-将事件处理程序绑定到“滚动”JavaScript事件，或在元素上触发该事件

- 获取匹配元素集中第一个元素的滚动条的当前垂直位置

您可以使用这些方法在滚动期间控制元素的位置

<div id="myDiv" style="position: absolute" />

$(window).scroll(function() {
    $('#myDiv').css('top', $(window).scrollTop() + 'px')
});

Javascript:

$('div').mousewheel(function(event, delta) {
  this.scrollLeft -= (delta * 30);
  event.preventDefault();  // Prevent the window from scrolling
});

---

我不知道你到底在找什么。如果希望jQuery工具协助滚动，可以使用以下工具：

-将事件处理程序绑定到“滚动”JavaScript事件，或在元素上触发该事件

- 获取匹配元素集中第一个元素的滚动条的当前垂直位置

您可以使用这些方法在滚动期间控制元素的位置

<div id="myDiv" style="position: absolute" />

$(window).scroll(function() {
    $('#myDiv').css('top', $(window).scrollTop() + 'px')
});

Javascript:

$('div').mousewheel(function(event, delta) {
  this.scrollLeft -= (delta * 30);
  event.preventDefault();  // Prevent the window from scrolling
});

---

不，我不想滚动我的页面，但像画廊的东西。你可以把我所有的“李”都想象成照片，滚动鼠标，然后改变照片的位置。所有的东西都是水平的，而不是垂直的。好的，那么你可以得到jQuery并这样做：@cj333你能不能在你最初的问题中不这么说？不，我不想滚动我的页面，而是像画廊一样的东西。你可以把我所有的“李”都想象成照片，滚动鼠标，然后改变照片的位置。所有的东西都是水平的，而不是垂直的。好的，那么你可以得到jQuery并这样做：@cj333你能不能在你最初的问题中不这么说？