提问者:小点点

仅使用JavaScript/jQuery进行水平滚动


我想在这里实现水平滚动。我的背景图像尺寸超过屏幕宽度,我想要两个箭头在左边和右边的屏幕。只要用户将鼠标放在其中一个箭头上,屏幕就应该一直朝那个方向移动,直到图像结束。我如何实现这一点?


共1个答案

匿名用户

纯JavaScript:

const leftScrollArrow = ...;
const rightScrollArrow = ...;

leftScrollArrow.addEventListener('mouseenter', /* start scrolling */);
leftScrollArrow.addEventListener('mouseleave', /* end scrolling */);

rightScrollArrow.addEventListener('mouseenter', /* start scrolling */);
rightScrollArrow.addEventListener('mouseleave', /* end scrolling */);

这取决于您想要如何实现滚动本身;可能包括scroll()scrollleft