javascript - 粘性动画在 Safari/Chrome 中无法正常工作

Question

如果您在 Firefox 中对此进行测试，无论是通过滚动还是单击文本框，一切正常，但在我列出的其他浏览器中，文本框会在动画开始之前跳到底部。

不知道是什么导致这种情况发生或如何解决它，有什么想法吗？

http://coreytegeler.com/gl/

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

不确定它是否会导致问题，您包含两次相同的粘性 js 文件。普通版和最低版。

删除一个并重新测试？

你的脚本

<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>