Question

我有同时制作的动画，如下所示。基本上，如果向下滚动，徽标和导航栏会缩小。所有动画都起作用，除非徽标正在改变大小，其底部会被短暂裁剪掉，就像.site_header白条位于其上方一样。有谁知道问题是什么？

$(function(){
$('.header_image img').data('size','big');
});

$(window).scroll(function(){
if($(document).scrollTop() > 0)
{
if($('.header_image img').data('size') == 'big')
{
    $('.header_image img').data('size','small');
    $('.header_image img').stop().animate({
        width:'40px',
        height:'40px',
        topMargin:'5px'
    },600);
  }
}
else
{
if($('.header_image img').data('size') == 'small')
  {
    $('.header_image img').data('size','big');
    $('.header_image img').stop().animate({
        height:'80px',
        width:'80px'
    },600);
  }  
}
});

反复向上和向下滚动以查看我正在谈论的内容。网站为http://minimographite.com/

Answer 1

有点像用于<div class="site-header">样式的hacky修复：

overflow-x: visible !important;
overflow-y: visible !important;

根问题似乎是overflow暂时设置为hidden。

动画期间对象被裁剪/闪烁

1 个答案: