阅读JavaScript的红宝石书,发现处理window滚动的方法主要是有三个, scroll scrollTo scrollBy,一时竟然搞不懂这三个方法到底是有啥区别,一番折腾终于算简单的明白了点了。
基础语法基本是一样的, 拿scrollTo来说明一下
scrollTo(x轴坐标,Y轴坐标)。
基本用法就是输入两个坐标。第一个为X坐标,也就是左右滚动方向,第二个是Y坐标,就是上下滚动坐标 // 滚动数值单位是css 像素单位
scrollTo 和 scroll 用法基本一致。
scrollTo 和 scrollBy 的区别是,scrollTo接收的两个值,滚动的距离是绝对的,就是不管执行多少次,滚动的位置都是一样的。
scrollBy 接收的两个值,滚动的距离是相对的,每执行一次就会在原先的滚动基础上加上相对的坐标。