웹 페이지에서 자주 볼 수 있는 메뉴 표시줄을 클릭하고 실행 요소의 위치로 이동

1385 단어 프로젝트 요약

     *  
     * @param scrolldom      
     * @param scrollTime     
     */
    $.scrollto = function (scrolldom,scrollTime) {
        //dom 
        $(scrolldom).click(function () {
            // dom , dom 
            var scrolldom = $(this).attr('data-scroll');
            // 
            $(this).addClass('colorF').siblings().removeClass('colorF69')
            //html。body 
            //animate()   CSS  。
            $('html,body').animate({
                scrollTop:$(scrolldom).offset().top
            },scrollTime);

            // false, 
            return false;
        });
    }
    // ,
    $.scrollto('#navBar a',600);

html 요소 중 내비게이션 표시줄에 클릭한 제정 요소와 js가 얻은dom 속성을 추가하고 속성에 점프할 닻을 추가한 다음에 점프할 위치에 정해진 닻을 추가해야 한다

좋은 웹페이지 즐겨찾기