jquery如何實現(xiàn)錨點鏈接之間的平滑滾動
更新時間：2013年12月02日 17:38:52 作者：
實現(xiàn)錨點鏈接之間的平滑滾動的方法有很多，在接下來的文章中為大家介紹下，jquery是如何實現(xiàn)的，感興趣的朋友不要錯過
復制代碼 代碼如下:
$('a[href*=#]').click(function() {
if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
var $target = $(this.hash);
$target = $target.length && $target || $('[name=' + this.hash.slice(1) + ']');
if ($target.length) {
var targetOffset = $target.offset().top;
$('html,body').animate({
scrollTop: targetOffset
},
500);
return false;
}
}
});
相關文章
這篇文章主要介紹了jQuery實現(xiàn)字符串全部替換的方法,結合實例形式對比分析了使用Replace進行替換的方法及使用正則進行全部替換的相關操作技巧,需要的朋友可以參考下2016-12-12
第一次做的插件，我這個插件好像使用有些另類，是調用數(shù)據(jù)展示容器的元素$(#DataContent).AmSetPager({...});在參數(shù)中配置分頁容器元素ID。寫完插件后看別的插件都是調用分頁元素ID2013-04-04
jQuery+CSS 實現(xiàn)隨滾動條增減的汽水瓶中的液體效果
一個很有意思的網(wǎng)站，那個網(wǎng)站是一家德國汽水公司的網(wǎng)站（德文神馬的），網(wǎng)站首頁有一個汽水瓶，汽水瓶里的水會隨著我們向下拉滾動條而減少。2011-09-09
這篇文章主要介紹了Jquery中find與each方法用法,實例分析了find與each方法的功能、定義與使用技巧,需要的朋友可以參考下2015-02-02
ASP.NET jQuery 實例6 (實現(xiàn)CheckBoxList成員全選或全取消)
ASP.NET jQuery 實例6 (實現(xiàn)CheckBoxList成員全選或全取消) ，需要的朋友可以參考下。2012-01-01
將JQuery1.2.6升級到JQuery1.4，有幾天下班沒有關閉ajax輪詢網(wǎng)頁，第二天早上來，內存耗盡，發(fā)現(xiàn)此內存泄漏在IE6上不存在(IE7未測試),IE8上存在2010-10-10
jquery scrollTop方法根據(jù)滾動像素顯示隱藏頂部導航條
使用jquery的scrollTop方法監(jiān)視頁面垂直滾動像素，并根據(jù)像素隱藏或者顯示頂部的導航條，具體實現(xiàn)代碼如下，感興趣的朋友可以參考下哈2013-05-05
jQuery除了包含原生JS中的內置數(shù)據(jù)類型(built-in datatype)，還包括一些擴展的數(shù)據(jù)類型(virtual types)，如Selectors、Events等，通過本文給大家分享14個jquery數(shù)據(jù)類型，感興趣的朋友一起學習吧2016-01-01
這篇文章主要介紹了jQuery簡單實現(xiàn)上下,左右滑動的方法,涉及jQuery動態(tài)操作頁面元素的相關技巧,需要的朋友可以參考下2016-06-06
用 jQuery 綁定和解綁事件監(jiān)聽器都是非常簡單的，怎樣精確地解綁其中一個監(jiān)聽器？我們需要了解一下事件的命名空間，感興趣的朋友不要錯過2013-11-11