是否可以为 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 位置? [复制]