单击时向下滚动一个"滚动单位"

Question

我想创建一个链接div,点击向下滚动; 就像向下滚动鼠标滚轮一样,或者单击向下滚动条的箭头.

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

还有几个卷轴,比如3个滚动？

感谢帮助!

Answer 1

据我所知,没有滚动单元这样的东西.这取决于设备.

但是使用jQuery在单击某些内容时使窗口滚动很简单.

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

这将在每次点击时向下滚动视图10个单位(某些小节).

有关完整示例,请参阅此plunker.