Javascript 如何通过单击按钮滚动div

我已经创建了div，因为我有一些多个按钮，当用户想要向下滚动时，他可以单击向下箭头按钮进行向上滚动，他可以单击向上箭头按钮，我的问题是当我们单击箭头按钮时，滚动带我到div的末尾，我想按像素滚动如何做

// this is for scrolling down 
//Require jQuery
function scrollSmoothToBottom (id) {
    var div = document.getElementById(id);
    $('#' + id).animate({
      scrollTop: div.scrollHeight - div.clientHeight
    }, 500);
}

//Require jQuery
function scrollSmoothToTop (id) {
    var div = document.getElementById(id);
    $('#' + id).animate({
      scrollTop: 0
    }, 500);
}

---

我查看了你的代码并尝试用谷歌搜索

.animate（）

和

scrollTop

并提出了这个想法：

function scrollSmoothDown (id) {
  var div = document.getElementById(id);
  var howManyPixelsToScroll = 5; //change to any number
  $('#' + id).animate({
    scrollTop: div.scrollTop + howManyPixelsToScroll // not sure about this syntax
  }, 500);
}

如果animate方法中的语法正确，那么这将起作用，互补的

scrollsoothup

函数将只对

howManyPixelsToScroll

使用负数而不是正数

---

（如果您能够发布一个工作代码段，我本可以复制该代码并测试这些更改，但我对jQuery不太在行，所以这只是我的最佳猜测，未经测试。）

我查看了您的代码，并尝试用谷歌搜索

.animate（）

和

scrollTop

并提出了这个想法：

function scrollSmoothDown (id) {
  var div = document.getElementById(id);
  var howManyPixelsToScroll = 5; //change to any number
  $('#' + id).animate({
    scrollTop: div.scrollTop + howManyPixelsToScroll // not sure about this syntax
  }, 500);
}

如果animate方法中的语法正确，那么这将起作用，互补的

scrollsoothup

函数将只对

howManyPixelsToScroll

使用负数而不是正数

---

（如果您能够发布一个工作代码段，我可以复制该代码并测试这些更改，但我对jQuery不太在行，因此这只是我的最佳猜测，未经测试。）

我想在多次单击时滚动div……我想在多次单击时滚动div。。。。。。