Javascript 粘性动画在Safari/Chrome中无法正常工作
如果在Firefox中进行测试,无论是滚动还是单击文本框,都可以正常工作,但在我列出的其他浏览器中,文本框在动画开始之前跳到底部 不确定是什么导致了这种情况,或者如何修复它,有什么想法吗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' :
不确定这是否会导致问题,您将两次包含同一个粘性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>