如何创建滚动按钮

How to create a Scroll Button?

本文关键字：滚动按钮创建何创建更新时间：2023-09-26

我在做横向网站。我想创建两个按钮（左按钮和右按钮），可以帮助用户左右滚动。

我正在上工作的网站

我想要创建的功能是，当我将鼠标悬停在按钮上时，页面将开始并继续滚动操作，直到鼠标离开按钮，然后页面停止滚动

我从代码笔中找到了一些东西"http://goo.gl/uTQdzD"这与我想要的类似，但这不是我想要的功能。它需要不断点击，只有它才能继续滚动，一旦点击，它只移动一定的像素距离，然后停止，然后必须再次点击……甚至我试图更改为鼠标悬停，同样的事情……我必须将鼠标移入和移出按钮，只有它可以继续滚动页面。

我不是一个专业的网络程序员或开发人员，只是一个新人。我希望这里有人能帮我。

提前谢谢。

开始：http://codepen.io/caseybaggz/pen/uBysA?editors=001

我将.click更改为mouseenter事件，这正是您想要的。此外，您注意到的增量是由于step变量被分配给400而发生的。所以，我只是用wWidth替换了400，并在mouseenter函数中，告诉它滚动bodyWidth。

我不太清楚你为什么要这么做？网站设计的自然流程是垂直设计/构建网站。让用户水平滚动对于用户体验来说有点尴尬，可能会被认为是糟糕的设计……尤其是现在设备开始发挥作用。

在你进入开发网站的岗位之前，一定要先学习网站设计和用户体验标准。它不仅有助于改善网络，也有助于用户体验。）

希望这能有所帮助，祝你好运！