jquery 在頁面上根據ID定位(jQuery錨點跳轉及相關操作)


JQuery下錨點的平滑跳轉

對於錨點的平滑跳轉,在一般的商業性質的網站上,權衡來說,要謹慎使用。

例如:讓頁面平滑滾動到一個id為box的元素處,則JQuery代碼只要一句話,關鍵位置 如下:

$(“html,body”).animate({scrollTop:$(“#box”).offset().top},1000)

其中animate為JQuery的自定義動畫方法,$(“#box”).offset().top表示id為box的JQuery對象距離頁面頂部的偏移值,1000表示平滑動畫執行的時間為1000毫秒,也就是1秒。

  // 頁面內向導
            $(".brief p").click(function (e) {
                $(this).addClass("active_p").siblings().removeClass("active_p");
                var v_id = e.target.id;
                if (v_id === 'se_advantage') {
                    $("html, body").animate({ scrollTop: $(".advantage").offset().top }, 1000)
                } else if (v_id === 'flow') {
                    $("html, body").animate({ scrollTop: $(".procedure").offset().top }, 1000)
                } else {
                    $("html, body").animate({ scrollTop: $(".objective").offset().top }, 1000)
                }
            });

var v_id = e.target.id; 是獲取被點擊元素的id


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM