JS scrollTo()方法

scrollTo()方法

JavaScript window对象的scrollTo()方法,接收一个坐标值(x , y),可以将对话框滚动到指定的坐标。比如,当网页需要设置一个按钮,让用户点击之后,“回到顶部”的设置,便可使用window.scrollTo()的方法,具体可参考下方的实例代码。


语法

window.scrollTo(x, y)

scrollTo()实例代码,及在线编辑器

下方的实例中,设置了一个button按钮,当该按钮被点击之后,当前的页面将回到顶部,可以于在线编辑器旁边的区域查看页面滚动的动态过程,也可以点击下方回到顶部的按钮,查看实际的效果(因为关掉编辑器之后,页面会回到原来的位置):

<button onclick='toTop()'>回到网页顶部</button>
<script>
  function toTop(){
    scrollTo(0,0)
  }
</script>



全栈前端 / JavaScript语法 :





















Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.