向下滚动一个＆＃34;滚动单元＆＃34;点击

Question

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

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

还有几个卷轴，比如3个向下滚动？

感谢您的帮助！

Answer 1

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

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

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

这将在每次点击时滚动视图10个单位，某些小节。

请参阅此plunker for a full example。

Answer 2

你应该尝试类似的东西：

<强> HTML

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

<强>的JavaScript

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

MyVar获取您在页面上的位置。 我希望我能提供帮助。