单击按钮时在两个部分之间水平滚动

Question

我有2个部分，每个部分占据用户的整个视口。用户可以通过触摸（为平板电脑设计）在它们之间滚动。我想在每个部分的另一部分添加一个按钮。

https://jsfiddle.net/u2f31t67/

<div class="slider">
  <section id="page-1">
    cats
  </section>
  <section id="page-2">
    dogs
  </section>
</div>

打开使用Jquery或js。

Answer 1

对于水平滚动，请在单击按钮时提供overflow-x：scroll，您可以检查此参考https://www.w3schools.com/cssref/tryit.asp?filename=trycss3_overflow-x