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