如何通过单击按钮来滚动div
提问于 2019-03-04 21:27:22
我已经创建了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);
}
回答 1
Stack Overflow用户
回答已采纳
发布于 2019-03-04 22:18:26
我查看了您的代码并尝试搜索.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);
}如果我在动画方法中的语法是正确的，那么这是可行的，互补的scrollSmoothUp函数将只对howManyPixelsToScroll使用负数而不是正数。
(如果您能够发布一个工作片段，我本可以复制该代码并测试这些更改，但我在jQuery中的工作并不多，所以这只是我最好的猜测，而不是测试。)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/54995973
复制相关文章
![java中的类[通俗易懂]](https://ask.qcloudimg.com/http-save/yehe-8223537/5099da46204d27110b9fde4c1d82bf5e.jpg)
腾讯云开发者
