我有一個包含文本內容的三個div的html頁面。我想根據用戶在主頁上點擊的鏈接滾動到特定的div。滾動到特定div
主頁上有三個鏈接;所以我想要的是,如果用戶點擊鏈接1,他將滾動到生成頁面上的div 1,如果他點擊主頁上的鏈接2,那麼頁面將滾動到生成頁面上的div 2等等。
我有一個包含文本內容的三個div的html頁面。我想根據用戶在主頁上點擊的鏈接滾動到特定的div。滾動到特定div
主頁上有三個鏈接;所以我想要的是,如果用戶點擊鏈接1,他將滾動到生成頁面上的div 1,如果他點擊主頁上的鏈接2,那麼頁面將滾動到生成頁面上的div 2等等。
如果你想在當前文檔滾動到一個特定的地方,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
最簡單的方法是使用Fragment Identifier。無論何時創建鏈接,都要在鏈接的末尾添加要滾動到的元素的ID。例如:
link.html#divToScrollTo
示例用法:
<a href="link.html#divToScrollTo">Scroll to div with divToScrollTo as id</a>
點擊該鏈接後,瀏覽器首先瀏覽到link.html
然後滾動到一個元件與divToScrollTo
鏈接。
如果不是所有新的瀏覽器也支持ID爲定位目標
<div id="div1">...</div>
意願<a href="page2.html#div1">...</a>
以及name屬性確實
這是基本的HTML響應,不是JS或CSS。閱讀W3School上的'name'屬性:[HTML鏈接](http://www.w3schools.com/html/html_links.asp)。如上所述,您可以在所有現代瀏覽器上使用'id'屬性。 – merv 2012-07-08 17:24:22
歡迎來到SO。請在這裏發佈您的查詢之前,請google。 – gopi1410 2012-07-08 17:26:10
如果你的意思是**動畫**滾動:http://stackoverflow.com/questions/6677035/jquery-scroll-to-element – Kerstomaat 2012-07-08 17:34:42