Javascript 水平滚动div

如何使用导航按钮向左或向右滚动

<div class="slider-wrap">
 <div class="slide-wrap">
    <div class="slider-slide-wrap"></div>
    <div class="slider-slide-wrap"></div>
    <div class="slider-slide-wrap"></div>
 </div>
</div>
 <div id="slider-left" class="slider-nav"></div>
 <div id="slider-right" class="slider-nav"></div>

JS

$（“#滑块左”）。单击（函数（）{
警报（单击”）；
$（'.slide wrap'）。向左滚动（5000）；
});

---

您选择了错误的

。注意选择器：

$（'.slider wrap'）

（不是

.slide wrap

）

我使用了

.animate

，因为您可以获得有关所发生事情的视觉反馈（因此我认为使用animate更适合UX）。这同样适用于

.scrollLeft（）

，不过：

$("#slider-left").click(function () {
    $('.slider-wrap').scrollLeft(0);
});

---

当添加小提琴时，请将您的代码添加到您的问题中。我已更正。您需要滚动

。滑动条环绕

而不是

。滑动条环绕

：@GirishKumar如果我的回答有帮助，请接受和/或向上投票。

$("#slider-left").click(function () {
    $('.slider-wrap').animate({
        scrollLeft: 0
    }, 200);
});

$("#slider-left").click(function () {
    $('.slider-wrap').scrollLeft(0);
});