当前位置: 首页 > 工具软件 > ScrollTo > 使用案例 >

scrollTo详解

仉磊
2023-12-01

仅支持 双 webview 模式
scrollTo( xpos , ypos [, duration] )

  1. xpos Type: Integer 要在窗口文档显示区左上角显示的文档的 x 坐标
  2. ypos Type: Integer 要在窗口文档显示区左上角显示的文档的 y 坐标
  3. duration Type: Integer 滚动时间周期,单位是毫秒

示例:在 hello mui 下拉刷新示例中,实现了双击标题栏,让列表快速回滚到顶部的功能;代码如下:

var contentWebview = null;
//监听标题栏的双击事件
document.querySelector(‘header’).addEventListener(‘doubletap’,function () {
if(contentWebview==null){
contentWebview = plus.webview.currentWebview().children()[0];
}
//内容区滚动到顶部
contentWebview.evalJS(“mui(’#pullrefresh’).pullRefresh().scrollTo(0,0,100)”);
});

 类似资料: