2013-05-17 68 views
4

跳躍滾動我有一個博客。如果有人點擊特定鏈接,我想這樣做。他應該在同一頁面上的特定點跳轉滾動。然後在一段時間後,他應該在同一博客的其他頁面上自動重定向,或重定向到其他博客。也請舉例子網站地址。 我有這個代碼。與重定向到同一博客的其他頁面上的博客

腳本類似於:

function jumpScroll(){ 
    window.scroll(0,150); 
    } 

HTML是這樣的:

<a href="javascript:jumpScroll()"> Scroll Page </a> 
+0

_i有這個code_哪裏? –

+0

這裏是代碼http://i.stack.imgur.com/B4HqR.png – nik1993

+0

你應該張貼在這裏的代碼不是代碼的圖像。 –

回答

3
function pageScroll() { 
    window.scrollBy(0,50); // horizontal and vertical scroll increments 
    scrolldelay = setTimeout('pageScroll()',100); // scrolls every 100 milliseconds 
} 

要被自動滾動在頁面加載時,將下面的代碼添加到身體標記:

<body onLoad="pageScroll()"> 

鏈路是喜歡:

<a href="javascript:pageScroll()">Scroll Page</a> 

滾動直接到一個特定的點:

使用滾動()方法跳轉到一個特定點上的位置page.Target指定的形式像素。

function jumpScroll() { 
window.scroll(0,150); // horizontal and vertical scroll targets 
} 

鏈接就像是:

<a href="javascript:jumpScroll()">Jump to another place on the page</a> 

對於移動到下一個頁面:

function jumpScroll() { 
window.scroll(0,150); // horizontal and vertical scroll targets 
    window.location.replace("http://page2.html"); 
} 

對於移動到指定頁:

你是假設調用不同的樂趣在每個ctions鏈接,如:

<a href="javascript:jumpScroll1()">jump to page1</a> 
<a href="javascript:jumpScroll2()">Jump to page2</a> 
<a href="javascript:jumpScroll3()">Jump to page3</a> 

腳本類似於:

function jumpScroll1() { 
window.scroll(0,150); // horizontal and vertical scroll targets 
    window.location.replace("http://page1.html"); 
} 


function jumpScroll2() { 
window.scroll(0,250); // horizontal and vertical scroll targets 
    window.location.replace("http://page2.html"); 
} 


function jumpScroll3() { 
window.scroll(0,350); // horizontal and vertical scroll targets 
    window.location.replace("http://page3.html"); 
} 

這對我工作得很好。

參考鏈接:http://www.mediacollege.com/internet/javascript/page/scroll.html

+0

ohh sry。只是更新,但PLZ給我回答我的問題 – nik1993

+0

@ nik1993:試試這個更新的答案。 –

+0

但我還想說scolling後重定向到 – nik1993