2012-07-08 190 views
0

我有一個包含文本內容的三個div的html頁面。我想根據用戶在主頁上點擊的鏈接滾動到特定的div。滾動到特定div

主頁上有三個鏈接;所以我想要的是,如果用戶點擊鏈接1,他將滾動到生成頁面上的div 1,如果他點擊主頁上的鏈接2,那麼頁面將滾動到生成頁面上的div 2等等。

+0

這是基本的HTML響應,不是JS或CSS。閱讀W3School上的'name'屬性:[HTML鏈接](http://www.w3schools.com/html/html_links.asp)。如上所述,您可以在所有現代瀏覽器上使用'id'屬性。 – merv 2012-07-08 17:24:22

+0

歡迎來到SO。請在這裏發佈您的查詢之前,請google。 – gopi1410 2012-07-08 17:26:10

+2

如果你的意思是**動畫**滾動:http://stackoverflow.com/questions/6677035/jquery-scroll-to-element – Kerstomaat 2012-07-08 17:34:42

回答

1

如果你想在當前文檔滾動到一個特定的地方,HREF的 值應爲錨,其滾動, #號開頭的名稱。如果要在 定位點處打開其他文檔,請爲該文檔提供URL,後跟#,後跟 定位點的名稱。

使用書籤與錨標記:

<a href="results.html#first-div">First</a> 
<a href="results.html#second-div">Second</a> 
<a href="results.html#third-div">Third</a> 

你只是會以「#」符號,以適當的元素ID後,替代的價值。

參考:http://devedge-temp.mozilla.org/library/manuals/1998/htmlguide/tags7.html

1

最簡單的方法是使用Fragment Identifier。無論何時創建鏈接,都要在鏈接的末尾添加要滾動到的元素的ID。例如:

link.html#divToScrollTo 

示例用法:

<a href="link.html#divToScrollTo">Scroll to div with divToScrollTo as id</a> 

點擊該鏈接後,瀏覽器首先瀏覽到link.html然後滾動到一個元件與divToScrollTo鏈接。

+0

@Downvoter,請留下一些評論。 – Starx 2012-07-08 17:33:34

+1

+1正確的答案和平衡downvote – Jashwant 2012-07-08 21:44:39

2

如果不是所有新的瀏覽器也支持ID爲定位目標

<div id="div1">...</div>

意願<a href="page2.html#div1">...</a>

以及name屬性確實