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

Question

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

有关参考：www.webflow.com，请仅从链接中进行检查。您将向下滚动到页面上的Buil Custom（Buil自定义）部分。当您从键盘上按上下箭头键或通过滚动条上下移动时，您会看到滑块及其功能。

Answer 1

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

示例：<div id="app"> <toggle-view v-on:layout="toggleLayout" route="checklist"></toggle-view> <div v-if="layout === 'list'" id="list-content" class="list"> Liste </div> <div v-if="layout === 'grid'" id="grid-content" class="grid"> grid </div> </div>

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

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

您链接的参考根据滚动位置显示页面中的更改，阅读js: change style based in scroll position可能会提示您从何处开始。