小编J.D*_*Doe的帖子

如何使用纯javascript函数而不使用jquery在div内向左或向右滚动?

我正在尝试仅使用 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

3
推荐指数
2
解决办法
2万
查看次数

标签 统计

javascript ×1