Question

我已经创建了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);
}

Answer 1

我查看了您的代码并尝试使用Google搜索.animate()

https://api.jquery.com/animate/

和scrollTop

https://developer.mozilla.org/en-US/docs/Web/API/Element/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方法中的语法正确，那么它将起作用，并且互补的scrollSmoothUp函数将仅使用负数代替howManyPixelsToScroll的正数。

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

如何在按钮单击的帮助下滚动div

1 个答案: