간이 페이지 장면 스크롤 jquery 플러그인
4031 단어 jquery 플러그인
(function($){
$.extend($.fn, {
scene_scroll:function(arg_obj){
//
//
var $scene_arr = arg_obj.$scene_arr || (function(){console.log(" , $scene_arr");})(),
//
$nav = arg_obj.$nav || (function(){console.log(" , $nav");})(),
//
event_name = arg_obj.event_name || "click",
//
speed = arg_obj.speed || 400,
//
scroll_callback = arg_obj.scroll_callback || (function(){return function(){}})(),
//
stop_next_event = arg_obj.stop_next_event || false,
nav_height_arr = [0],
chrome_browser_flag = navigator.userAgent.indexOf("AppleWebKit");
$scene_arr.each(function(){
var div_height = $(this).height();
nav_height_arr.push(div_height)
});
$nav.on(event_name,function(){
var pos = $.inArray(this, $(".nav").find("a"));
var sum_pos = 0;
for(var i=0; i<=pos; i++){
sum_pos = sum_pos + nav_height_arr[i];
}
// chrome
(chrome_browser_flag > -1 ) ? $("body").animate({scrollTop:sum_pos}, speed, scroll_callback):
// IE,Firefox
$(document.documentElement).animate({scrollTop:sum_pos}, speed, scroll_callback);
if(!stop_next_event) return false;
});
}
})
})(jQuery);
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
DWZ에서 타사 jQuery 플러그인 통합 방법jQuery 플러그인은 일반적으로 $(document)입니다.ready () 에서 초기화 DWZ RIA는 풍부한 클라이언트 사고방식이기 때문에 처음 열었을 때 브라우저에 인터페이스를 불러오고 서버와의 상호작용은 저장...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.