jQuery로 매끄러운 페이지 스크롤을 연상케하십시오.

Question

다음은 필드 세트를 붕괴시키고 앵커로 부드럽게 스크롤하는 작업 코드입니다.하지만 때때로 스크롤하기 전에 점프가 있습니다. 실제로는 매끄럽지 않습니다. e.preventDefault(); 완벽하게

최종 코드를 이동하는 데 필요한 : http://jsfiddle.net/eapo/v6URL/2/

Answer 1

http://jsfiddle.net/v6URL/1/

$(".collapsible.scroll legend").click(function (e) { 
    e.preventDefault(); 
    smoothScrollTo(this); 
}); 

을

function smoothScrollTo(element) { 
    var thisTop = $($(element).parent()).offset().top; 
    $("html, body").animate({ 
     scrollTop: thisTop + "px" 
    }, { 
     duration: 600 
    }); 
    return false; 
}; 

$(document).ready(function() { 
    $(".collapsible .collapsed").hide(); 
    $(".collapsible legend").html(function() { 
     var scroll = $(this).parent().hasClass('scroll'); 
     if (scroll == true) { 
      href = "#" + $(this).parent().attr('id'); 
     } else { 
      href = "javascript:void(0)"; 
     }; 
     return '<a href="' + href + '">' + $(this).html() + '</a>'; 
    }).click(function() { 
     $(this).parent().children('.content').slideToggle(); 
    }); 
    $(".collapsible.scroll legend").click(function() { 
     smoothScrollTo(this); 
    }); 

}); 

---

나는 해결책을 발견