【问题标题】:Move vertically (scroll up) one div within another one在另一个 div 中垂直移动(向上滚动)一个 div
【发布时间】:2011-10-20 00:58:04
【问题描述】:

如何在不点击任何按钮的情况下向上移动内部 div 的内容,我的意思是,就像动画一样。动画完成后有什么方法可以触发事件吗?

【问题讨论】:

    标签: javascript jquery html css animation


    【解决方案1】:

    您需要使用的是Callback。特别是.animate 内置的那个。

    $('div').animate({top:-50},1000,function() {
        alert('Animation is finished!');
    });
    

    工作示例:http://jsfiddle.net/koolvin/YGBvb/

    或者,也许您的意思更类似于以下内容: http://jsfiddle.net/koolvin/uFwap

    $('div').animate({scrollTop:100},1000,function() {
        alert('Animation is finished!');
    });
    

    在查看您的评论后,看起来这就是您想要的: http://jsfiddle.net/koolvin/uFwap/17/

    【讨论】:

    • 对不起,我缺乏知识,我试图做你的解决方案,但我收到“预期对象”错误,我将脚本放在 div 标签之后。另外,想象一下像电影片尾一样的效果,其中外层 div 是显示,内层 div 是内容,如果内容在外层 div 之外,则不应显示。请指教。
    • 没问题。总是愿意提供帮助。
    猜你喜欢
    • 2017-02-25
    • 2016-11-05
    • 1970-01-01
    • 2016-05-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-09-23
    相关资源
    最近更新 更多