Scroll

Sample-1





window.scroll, window.scrollTo: scroll to (x,y)

scroll(0,5) scroll(0,-5) -- 動作(ffox38, crome43, opera30, Edge20, IE11, safari5)

scrollTo(0,5) scrollTo(0,-5) -- 動作(ffox38, crome43, opera30, Edge20, IE11, safari5)



window.scrollBy: scroo (x,y)

scrollBy(0,50) scrollBy(0,-100) -- 動作(ffox38, crome43, opera30, Edge20, IE11, safari5)




window.scrollByLines

down 5 lines up 5 lines -- 動作(ffoxのみ)



window.scrollByPages

scrollByPages(1) scrollByPages(-1) -- 動作(ffoxのみ)




応用：scrollBy(0,event.clientY)

-- クリックするとこのボタンが画面の先頭に移動
Move to the top -- 動作(ffox38, crome43, opera30, Edge20, IE11, safari5)






Sample-2


ここをクリックすると、X座標=0、Y座標=50となるようにスクロールします。window.scroll(0,50)

ここをクリックすると、X座標=0、Y座標=50となるようにスクロールします。window.scrollTo(0,50)

ここをクリックする都度、Y方向に+50スクロールします。 window.scrollBy(0,50)
ここをクリックする都度、Y方向に-100スクロールします。 window.scrollBy(0,-100)