首頁 > web前端 > js教程 > jQuery實作錨點scoll效果實例分析_jquery

jQuery實作錨點scoll效果實例分析_jquery

WBOY
發布: 2016-05-16 16:10:35
原創
1160 人瀏覽過

本文實例講述了jQuery實作錨點scoll效果的方法。分享給大家供大家參考。具體實作方法如下:

複製程式碼 程式碼如下:
$('a[href*=#]').click(>
$('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;
       var obj = document.documentElement;
     if (jQuery.browser.safari)
           obj = document.body
    if (jQuery.browser.msie)
           obj = 'html';
      $(obj).animate({scrollTop: targetOffset}, 1000);
       return false;
     }
   }
});

希望本文所述對大家的jQuery程式設計有所幫助。
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板