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

Question

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

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

Answer 1

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

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

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

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

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