頁面滾動（scroll）有關JS操作

1.scrollBy(x,y)

scrollBy()方法可把內容滾動指定的像素數。

x：必需。把文檔向右滾動的像素數。

y：必需。把文檔向下滾動的像素數。

例：window.scrollBy(100,100); 

注意： 要使此方法工作 window 滾動條的可見屬性必須設置為true！

2.scrollTo(x,y)

scrollTo()方法可把內容滾動到指定的像素數。

例：window.scrollTo(10,50);

3.scrollTop

scrollTop()方法返回或設置匹配元素的滾動條的垂直位置（屬於 HTMLElement 的屬性）。

原生JS操作：document.body.scrollTop=0;

jQuery操作：$(document).scrollTop(0);

4.scrollY

scrollY，讀取頁面滾動條的垂直距離，貌似只能讀取不能設置（屬於 window 的屬性）。

例：window.scrollY

5.onscroll()事件

例：window.onscroll=function(){｝;

常用實例：

　　點擊右下角置頂按鈕，頁面緩緩的返回頂部。

1. var timer=setInterval(function(){
2. window.scrollBy(0,-30);
3. if(window.scrollY===0){
4. clearInterval(timer); 
5. } 
6. }, 10);