單擊時向下滾動一個“滾動單位”

Question

我想創建一個鏈接div，它會在點擊時向下滾動； 例如向下滾動鼠標滾輪或向下滾動滾動條的箭頭。

CSS或jQuery / JavaScript中有沒有方法可以做到這一點？

還有幾個滾動，例如3個向下滾動？

感謝幫助！

Answer 1

據我所知，沒有滾動單元之類的東西。 這取決於設備。

但是使用jQuery可以使單擊某些內容時滾動窗口很簡單。

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

每次單擊時，此視圖將向下滾動10個單位（一定程度）。

有關完整示例，請參見此插件 。

Answer 2

您應該嘗試類似的方法：

的HTML

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

的JavaScript

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

MyVar在頁面上獲得您的位置。 希望對您有所幫助。