向下滚动一个“;滚动单元“;单击

Scroll down one "scroll unit" on click

本文关键字：滚动 单击 一个 单元      更新时间：2023-09-26

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

CSS或jQuery/JavaScript中有这样的方法吗？

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

谢谢你的帮助！

据我所知，没有滚动单元这回事。这取决于设备。

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

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

这将在每次点击时向下滚动视图10个单位。

请参阅此plunker以获取完整的示例。

您应该尝试以下操作：

HTML

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

JavaScript

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

MyVar会在页面上显示您的位置。我希望我能帮上忙。

相关文章：