由于項目中要用到，遂記錄下來
用JQuery實現 錨標記平滑移動
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
- <title>錨標記平滑移動</title>
- </head>
- <body>
- <div id="top" >
- 頂部 <a href="#bottom" class="smooth">移動到底部</a>
- </div>
- <div id="appendBox">
- <!--填充內容-->
- </div>
- <div id="bottom" >
- 底部 <a href="#top" class="smooth">移動到頂部</a>
- </div>
- <!--替換為自己本地JQuery函數庫-->
- <script src="jquery-1.4.2.min.js"type="text/javascript"></script>
- <script type="text/javascript">
- $(".smooth").click(function(){
- var href = $(this).attr("href");
- var pos = $(href).offset().top;
- $("html,body").animate({scrollTop: pos}, 1000);
- return false;
- });
- </script>
- </body>
- </html>
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
