是否可以为 Window.scrollTop 设置动画

Posted

技术标签:

【中文标题】是否可以为 Window.scrollTop 设置动画【英文标题】:Is it possible to animate Window.scrollTop 【发布时间】:2015-10-22 01:25:11 【问题描述】:

我想添加动画平滑,任何 adia?

Window.scrollTo(0, MyPanel.getAbsoluteTop());

【问题讨论】:

查看这个***.com/questions/16475198/jquery-scrolltop-animation 【参考方案1】:

你也可以使用 jQuery animate 函数。

$('html').animate( scrollTop: '0' );

【讨论】:

【参考方案2】:

我使用velocity.js 和JSNI 调用:

public static native void setAnimatedScrollTop(MyView instance, String topElementId, String scrollPanelId, int offsetPosition) /*-
    $wnd.Velocity($wnd.document.getElementById(topElementId), 'scroll',
      duration: 1000, offset: offsetPosition, container: $wnd.document.getElementById(scrollPanelId),
            complete: function()
                instance.@com.project.client.views.MyView::setScrollAnimationInProgress(Z)(false);
            
    );
-*/;

【讨论】:

以上是关于是否可以为 Window.scrollTop 设置动画的主要内容,如果未能解决你的问题,请参考以下文章

检测浏览器滚动条是否到达底部

为啥基于 window.scrolltop 调整 css 可以始终如一地工作,而 animate 却不能?

浏览器缩放改变 window.scrollTop/document.scrollTop 行为

如何自动检测特定 Div 的 scrollTop 位置? [复制]

JQuery监听页面滚动事件及scrollTop(),offset().top总结

vue控制滚动条滑到某个位置