我正在尝试仅使用 javascript 在 div 内向左或向右滚动,而没有使用 jquery。我已经使用 jquery 实现了它,但我需要单独使用 javascript 来实现它。代码:-
我希望按钮帮助沿 div 向左或向右水平滚动。如何做。我通过这种方式使用 jquery 实现了它:-
$('#right-button').click(function() {
event.preventDefault();
$('#content').animate({
scrollLeft: "+=200px"
}, "slow");
});
$('#left-button').click(function() {
event.preventDefault();
$('#content').animate({
scrollLeft: "-=200px"
}, "slow");
});Run Code Online (Sandbox Code Playgroud)
.outer {
display: flex;
overflow-x: hidden;
overflow-y: hidden;
}
.inner {
flex: 0 0 25%;
height: 100px;
margin: 10px;
}
.paddle {
position: absolute;
top: 50px;
bottom: 0;
width: 30px;
height: 20px;
}
.lefty {
left: 0;
}
.righty {
right: 0;
}Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="outer" …Run Code Online (Sandbox Code Playgroud)javascript ×1