首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >sjquery scroll+animation

sjquery scroll+animation
EN

Stack Overflow用户
提问于 2012-12-09 17:39:11
回答 1查看 70关注 0票数 0

我有一个关于jQuery垂直滚动的问题。

我必须在这个例子中添加一些动画:

代码语言:javascript
运行
复制
$(document).ready(function() {
    var timeoutId = 0;

    function scrollIt(amount) {
        $('#scroller').scrollTop($('#scroller').scrollTop()+amount);
    }

    $('#down').mousedown(function () {
        timeoutId = setTimeout(scrollIt(5), 1000);
    }).bind('mouseleave', function () {
        clearTimeout(timeoutId);
    });

    $('#up').mousedown(function () {
        timeoutId = setTimeout(scrollIt(-5), 1000);
    }).bind('mouseleave', function() {
        clearTimeout(timeoutId);
    });
});

这里有一个小提琴:http://jsfiddle.net/TPKDG/1/

我不知道怎么做到的:

我必须在哪里添加.animation()?

非常感谢你的帮助

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-12-09 18:06:40

请查看此更新是否对您有帮助:http://jsfiddle.net/TPKDG/27/

代码语言:javascript
运行
复制
$(document).ready(function() {
var timeoutId = 0;

function scrollIt(amount) {
    $('#scroller').animate({
        scrollTop: $('#scroller').scrollTop() + amount
    });
}

$('#down').mousedown(function() {
    timeoutId = setTimeout(scrollIt(5), 1000);
}).bind('mouseleave', function() {
    clearTimeout(timeoutId);
});

$('#up').mousedown(function() {
    timeoutId = setTimeout(scrollIt(-5), 1000);
}).bind('mouseleave', function() {
    clearTimeout(timeoutId);
});
});​
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/13786308

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档