Safari/Chrome에서 끈적한 애니메이션이 제대로 작동하지 않음

Question

Firefox에서 텍스트 상자를 스크롤하거나 클릭하여 테스트하면 모든 항목이 제대로 작동하지만 목록에있는 다른 브라우저에서는 텍스트 상자가 애니메이션이 시작됩니다.

이 문제의 원인이나 해결 방법에 대해 확실하지 않습니다. 그것은, 같은 끈적 JS 파일을 포함하는 문제를 두 번 원인이 확실하지

function stickyStuff(){ 
var half_height = $(window).height()/2+8; 
$('#check1').sticky({ 
    'offset' : half_height, 
    'mode' : 'animate', 
    'speed' : 500, 
    'onStick' : function() { 
    $('#front-title-wrap').animate({ 'top': '50px' }); 
    } 
}); 
$('#check2').sticky({ 
    'offset' : 55, 
    'onStick' : function() { 
    $('#front-nav-wrapper').css({'position' : 'fixed','top': '55px', 'opacity' : '1' }); 
    } 
}); 

Answer 1

http://coreytegeler.com/gl/

. 일반 버전과 최소 버전.

하나를 제거하고 다시 테스트 하시겠습니까?

스크립트

<script type="text/javascript" language="javascript" src="http://coreytegeler.com/gl/js/jquery.sticky.js"></script> 
<script type="text/javascript" language="javascript" src="http://coreytegeler.com/gl/js/jquery.sticky.min.js"></script>