向下滚动一个“滚动单元”，点击

Question

我想要创建一个链接div，它在单击时向下滚动；就像鼠标轮向下滚动一次，或者在滚动条箭头上单击一次。

是否有CSS或jQuery/JavaScript中的方法来做到这一点？

还有几个卷轴，比如三个卷轴？

谢谢你帮忙！

Answer 1

据我所知，没有像卷轴这样的东西。这是设备依赖的。

但是，使用jQuery使窗口在单击某物时滚动很简单。

$(function(){
  $(".clickScroll").click(function(e) {
    document.body.scrollTop += 10;
  });
});

这将滚动视图10个单位，在一定程度上，向下的每一次点击。

看这个plunker for a full example。

Answer 2

你应该尝试这样的方法：

<div onclick="myFunction()"></div>

JavaScript

myFunction = function(){
    var myVar = $(window).scrollTop();
      $(window).scrollTop(myVar+300);
}

MyVar在页面上获得您的位置。希望我能帮上忙。