如何使用javascript構建加速滾動效果？

我是JavaScript新手，很多人都知道，我發現我學到的所有東西的實際應用都避開了我。如果你給我的代碼，這可能不會幫助我;我需要分解滾動頁面的方式和原因。如何使用javascript構建加速滾動效果？

這個想法是從第一頁開始。所以我需要一個在第一頁開始的函數。有一個箭頭朝上，朝下，朝左，朝右。點擊它們將使您順利地滾動到所指示的方向。

這是一個足夠簡單的想法，它的頁面大於可以通過滾動瀏覽的屏幕區域，儘管這樣可以確保您一次只能看到一個屏幕。

我對我需要的東西有一個想法，但我不完全確定。

我需要確定將滾動到頁面的每個部分的大小。有了這個，我確定了滾動的距離和方向。

然後我需要構建在適當方向上滾動的實際功能。

僞代碼

html 

<div id="arrowRight" onClick="scrollRight"> 

js 



    function scrollRight() 
    { 
    window.scrollBy("widthOfCurrentPage",0); 
    setTimeout("scrollScroll()", 100); 
    }

然後不知何故，我需要停止功能。由於每個箭頭都會得到一個onClick事件處理程序（我認爲這是適當的術語），那麼我可以構建4個函數。一個用於滾動右，左等，並用適當的箭頭使用它們。

但我該如何做到這一點，我在正確的軌道上？

來源

2011-10-10 Marlon

聽起來像是你在正確的軌道上，youngpup有一些很好的例子，他的意見會幫助你瞭解它是如何工作的，並指導您http://www.youngpup.net/projects/ypSimpleScroll/

來源

2011-10-10 13:46:19 david

這是一個非常有趣的使用滾動效果的方式！我從中學到了很多東西，但不一定如何去做我正在尋找的東西。這絕對讓我更多地思考我在做什麼。 – Marlon

如何使用javascript構建加速滾動效果？

回答

相關問題