Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/370.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 粘性动画在Safari/Chrome中无法正常工作_Javascript_Jquery_Jquery Animate_Sticky - Fatal编程技术网

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

Javascript 粘性动画在Safari/Chrome中无法正常工作,javascript,jquery,jquery-animate,sticky,Javascript,Jquery,Jquery Animate,Sticky,如果在Firefox中进行测试,无论是滚动还是单击文本框,都可以正常工作,但在我列出的其他浏览器中,文本框在动画开始之前跳到底部 不确定是什么导致了这种情况,或者如何修复它,有什么想法吗 不确定这是否会导致问题,您将两次包含同一个粘性js文件。正常版本和最小版本 删除一个并再次测试 你的剧本 function stickyStuff(){ var half_height = $(window).height()/2+8; $('#check1').sticky({ 'offset' :

如果在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' }); 
    }
});
<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>