回到页面顶部、window.scrollTo(0,0),页面滚动

 onFilter = (filters) => {
    
    
    window.scrollTo(0,0)
    this.filters = filters;
    this.searchHouseList();
  };

摘要

滚动到文档中的某个坐标。

语法

window.scrollTo(x-coord,y-coord )


window.scrollTo(options)

参数

x-coord 是文档中的横轴坐标。
y-coord 是文档中的纵轴坐标。

options 是一个包含三个属性的对象:

top 等同于  y-coord
left 等同于  x-coord
behavior  类型String,表示滚动行为,支持参数 smooth(平滑滚动),instant(瞬间滚动),
默认值auto,实测效果等同于instant

例子:

window.scrollTo( 0, 1000 );

// 设置滚动行为改为平滑的滚动
window.scrollTo({
    
     
    top: 1000, 
    behavior: "smooth" 
});

注意
该函数实际上和 window.scroll是一样的。
相对滚动可以参考 window.scrollBy,window.scrollByLines,和 window.scrollByPages。

猜你喜欢

转载自blog.csdn.net/weixin_43131046/article/details/121563577
今日推荐