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