Javascript 在此代码中设置scrollTop函数的动画
我有一个函数可以在一个div中滚动。这个函数在这一点上做的正是我想要它做的,除了一件事。我希望滚动发生动画。我如何在这段代码中实现这一点Javascript 在此代码中设置scrollTop函数的动画,javascript,jquery,jquery-animate,scrolltop,Javascript,Jquery,Jquery Animate,Scrolltop,我有一个函数可以在一个div中滚动。这个函数在这一点上做的正是我想要它做的,除了一件事。我希望滚动发生动画。我如何在这段代码中实现这一点 $(function() { var ele = $('#scroller'); var scroll = 20; $('.scroller-btn-up').click(function() { // Scroll the element up ele.scrollTop(ele
$(function() {
var ele = $('#scroller');
var scroll = 20;
$('.scroller-btn-up').click(function() {
// Scroll the element up
ele.scrollTop(ele.scrollTop() - scroll);
});
$('.scroller-btn-down').click(function() {
// Scroll the element down
ele.scrollTop(ele.scrollTop() + scroll);
});
$('.scroller-btn-up, .scroller-btn-down').bind({
click: function(e) {
// Prevent the default click action
e.preventDefault();
}
});
});
我知道jquery的animate函数,但我无法在代码中实现它。
$(function() {
var ele = $('#scroller');
var scroll = 20;
$('.scroller-btn-up').click(function() {
// Scroll the element up
ele.animate({scrollTop : ele.scrollTop() - scroll});
});
$('.scroller-btn-down').click(function() {
// Scroll the element down
ele.animate({scrollTop : ele.scrollTop() + scroll});
});
$('.scroller-btn-up, .scroller-btn-down').bind({
click: function(e) {
// Prevent the default click action
e.preventDefault();
}
});
});