首頁  >  文章  >  web前端  >  jQuery實作錨點scoll效果實例分析_jquery

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

WBOY
WBOY原創
2016-05-16 16:10:351124瀏覽

本文實例講述了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程式設計有所幫助。
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn