您的脚本

Question

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

不确定导致这种情况发生的原因或解决方法，任何想法？

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>

粘滞动画在Safari / Chrome中无法正常工作

1 个答案:

您的脚本