Javascript 垂直内容滑块-JQuery

我正在尝试使用jQuery创建垂直内容滑块，我已经尝试过创建，但它不起作用。我正在尝试更改滚动幻灯片，不需要任何导航，只需更改滚动幻灯片上的内容

函数旋转图{ $.slide item.animate{top:-100%}，1000.delay4000； $.slide item.animate{top:200%}，1000.delay4000； } $.slider-wrapper.scroll函数{ 旋转图像； }; .滑块包装器{ 浮动：左； 宽度：100%； 高度：500px； 背景：dedede； 边框：1px实心ccc； 溢出：隐藏； 位置：相对位置； } .幻灯片项目{ 位置：绝对位置； 左：0； 排名：0； 宽度：100%； 身高：100%； } .项目一{ 排名：0； } .项目二{ 最高：100% } .slide item>.img块{ 浮动：左； 宽度：30%； } .幻灯片项目>.img块>img{ 宽度：100%； 高度：自动； } .slide项>.content块{ 浮动：对； 宽度：70%； 填充：0 20px； 框大小：边框框； } 滑块标题1 这是与滑块相关的内容。这是与滑块相关的内容。这是与滑块相关的内容。这是与滑块相关的内容

滑块标题1 这是与滑块相关的内容。这是与滑块相关的内容。这是与滑块相关的内容。这是与滑块相关的内容

我建议使用滚动条，因为除非有滚动条，否则滚动事件将不起作用

---

您将滚动条附加到错误的元素。如果您想要滚动滑块包装，那么滑块包装应该有溢出：滚动不溢出：隐藏您是否尝试了$window.scrollfunction{rotateImages；}@karthick如果我将“溢出：滚动”更改为“溢出：滚动”，则会出现滚动，这是我不想要的。@locateganesh是的，我也尝试过使用window.scroll，但没有幸运的答案，我想现在我可以实现我想要的。

$('.slider-wrapper').on('mousewheel', function(event) {
    console.log(event.deltaX, event.deltaY, event.deltaFactor);
    rotateImages();
});