jquery 닻점 기능 구현

870 단어
/*
* @param _startElem:           jQuery            
* @param _endElem:         jQuery             
* @param _speed:       ,     
*
**/

function anchor(_startElem, _endElem, _speed) {
        $(_startElem).click(function() {
        		jQuery(window).unbind("scroll");
        		console.log("to offset:"+$(_endElem).offset().top)
                $('html,body').animate({
                        scrollTop: $(_endElem).offset().top
                },
                _speed);
        });
}

사용 방법은 다음과 같습니다.
function initAnchor(){
	var initList = ["todays","hot","forenptice","new"];
	for(var num in initList){
		anchor("#anchor_mod_"+initList[num],"#mod_"+initList[num],1000);
	}
}

닻점 내비게이션이 필요한 곳과 도착해야 하는 곳에 ID를 붙여서 anchor 방법으로 초기화하면 됩니다.

좋은 웹페이지 즐겨찾기