在这段代码中动画化我的scrollTop函数
Animate my scrollTop function in this code
我有这个函数来滚动一个div。这个函数在这一点上做了我想要它做的事情,除了一件事。我希望滚动是动画的。我如何在这段代码中实现这一点?
$(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();
}
});
});
$(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();
}
});
});
相关文章:
- 我的动画没有按预期工作
- 为什么我的脚本正在运行动画,但没有显示它
- 为什么动画完成后我的元素不再隐藏
- 我需要在javascript if语句中使用jquery来动画元素的颜色
- 如何为我的菜单创建平滑的动画
- 使用动画gif作为我的网站's的最爱
- JQuery动画完整功能:如何恢复我的"老这个”;
- Javascript:为什么我的Raphaeljs动画滞后?它'It’s甚至不一致
- 动画不透明度弄乱了我的文本
- 如何将 jquery 动画应用于我的弹出窗口
- 如何在 javascript 中减慢我的精灵表动画
- 只有当我使用 vivus.js 到达底部时,我的 svg 动画才会开始
- Javascript:为什么我的JavaScript不运行这两个动画
- 尝试向我的 jquery 幻灯片添加额外的标题动画
- 为什么当我对其父元素进行动画处理时,我的 UL 消失了
- CreateJS - 无法让我的精灵表动画化
- 如何正确从另一个对象获取属性?尝试为我的拉斐尔动画创建工具提示
- 我希望我的动画在屏幕上水平移动,并在按下停止按钮后停止
- 为什么我的jQuery UI动画会发生这种情况
- JS动画-我的语法有问题