javascript - 使用 jquery 或 javascript 进行图像滑动垂直滚动

Question

我有 5 张图像，当我们使用键盘按钮向上或向下点击箭头或向上或向下移动滚动条时，我想滑动这些图像

供参考：www.webflow.com 请从链接中查看。当您向下滚动到页面上的“构建自定义”部分时。当您从键盘向上和向下按箭头按钮或使用滚动条向下或向上移动时，您将看到滑块及其工作。

标签： javascriptjquery

Answer 1

您可以使用https://api.jquery.com/scrollleft/在元素上水平滚动。

例子：$( "div.slider" ).scrollLeft( 300 );

您必须首先计算幻灯片中每个元素的宽度，然后每次滚动都精确到这么多。

您可以使用事件处理程序在箭头键上执行此操作：Detecting arrow key presses in JavaScript

您链接的参考显示基于滚动位置的页面更改，阅读js: change style based in scroll position可能会提示您从哪里开始。