jQuery建立一個按字母順序排列的友好頁面索引(兼容IE6/7/8)_jquery
來源：懂視網
責編：小采
時間：2020-11-27 21:07:19
jQuery建立一個按字母順序排列的友好頁面索引(兼容IE6/7/8)_jquery
jQuery建立一個按字母順序排列的友好頁面索引(兼容IE6/7/8)_jquery:大多數Web開發人員很可能很熟悉使用錨鏈接跳轉到的頁面部分的解決方案。你可以設置一個特定的name屬性的錨鏈接，并使用href值作為哈希符號來跳過頁面。這種效果當需要列出很長的數據集時，是非常實用的，比方說一個FAQ頁面，一問一答的形式經常采用這樣的效果
導讀jQuery建立一個按字母順序排列的友好頁面索引(兼容IE6/7/8)_jquery:大多數Web開發人員很可能很熟悉使用錨鏈接跳轉到的頁面部分的解決方案。你可以設置一個特定的name屬性的錨鏈接，并使用href值作為哈希符號來跳過頁面。這種效果當需要列出很長的數據集時，是非常實用的，比方說一個FAQ頁面，一問一答的形式經常采用這樣的效果
大多數Web開發人員很可能很熟悉使用錨鏈接跳轉到的頁面部分的解決方案。你可以設置一個特定的name屬性的錨鏈接，并使用href值作為哈希符號來跳過頁面。這種效果當需要列出很長的數據集時，是非常實用的，比方說一個FAQ頁面，一問一答的形式經常采用這樣的效果，然而頁面跳轉對于游客來說有時候并不是好友好，因為他一點擊直接跳轉，陌生的游客對此可能感到困惑，不知道當前的數據跑那里去了，
在本教程中，我將探討一個解決方案，創建一個簡單的頁面索引，并采用錨點鏈接在頁面上。"跳轉"動作進行動畫處理，向下滾動到達這個鏈接的容器。（完美兼容IE6，7，8）
在線演示
布局
首先是基本的index.html頁面，我加入了一個典型的HTML5文檔類型。styles.css為我們的頁面樣式表,indexscroller.js自定義的jQuery代碼。
使用jquery代碼別忘記引入谷歌jquery庫，舊的瀏覽器不支持HTML5的html5shiv trunk 庫的副本。在主體部分我使用的是定制的谷歌Webfont字體，以及與一些藝術CSS3效果。
代碼如下:
jQuery Alphabetical Scrolling Links Index 聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
jQuery建立一個按字母順序排列的友好頁面索引(兼容IE6/7/8)_jquery
jQuery建立一個按字母順序排列的友好頁面索引(兼容IE6/7/8)_jquery:大多數Web開發人員很可能很熟悉使用錨鏈接跳轉到的頁面部分的解決方案。你可以設置一個特定的name屬性的錨鏈接，并使用href值作為哈希符號來跳過頁面。這種效果當需要列出很長的數據集時，是非常實用的，比方說一個FAQ頁面，一問一答的形式經常采用這樣的效果
