javascript - 一个按钮如何用javascript垂直滚动？

Question

我需要javascript一个按钮。

每次单击按钮时，我都需要一个垂直滚动锚定到下一个 div。

它有点像旋转木马，但只有一个按钮。

每次我单击按钮时，里面的数字都会减少（从 3 到 2 到 1）

这 是小提琴

标签： javascriptscroll

Answer 1

嗨尝试添加这个 JAVASCIRPT

像这样https://jsfiddle.net/qhurjd83/

document.getElementById("next").addEventListener("click",next);


function next(){
var docpage = document.getElementById("page");
var page = parseInt(docpage.innerText) == 3? 1  : parseInt(docpage.innerText)+1;
docpage.innerText = page;

document.getElementById(page==1 ? "one":page==2?"two":"three").scrollIntoView();
}