1

我正在使用 jquery 循环插件和 jquery。
当循环 div 的高度发生变化时，我会为 jquery 循环 div 设置动画。下面的 div 根据高度上升或下降。

问题是下面的 div 在向下滚动时会获得（白色）背景。我希望下面的 div 一直是透明的。（在我的示例中，我希望内容 div 始终透明）

这是动画循环div的代码

function onAfter(curr, next, opts, fwd) {
        var index = opts.currSlide;
        $('#prev,#prev2,#prev3,#prev4,#prev5')[index == 0 ? 'hide' : 'show']();
        $('#next,#next2,#next3,#next4,#next5')[index == opts.slideCount - 1 ? 'hide' : 'show']();
        //get the height of the current slide
        var $ht = $(this).height();
        //set the container's height to that of the current slide
        $(this).parent().animate({height: $ht});
    }

    $('.subheader').cycle({after: onAfter});

很难解释，所以我做了一个 jsfiddle 来展示它：jsFiddle

4

1 回答 1

4

正在发生的事情是它overflow: hidden正在被添加到subheader div动画中。这样做会使它剪辑文本。

如果你自己设置动画并且只设置height，那应该可以防止问题发生。

或者，我可以使用!important样式规则来解决它：Fiddle

.subheader {
    overflow: visible !important;
}

之所以可行，是因为!important样式规则比内联样式具有更大的权重（除非内联样式也具有!important，在这种情况下会获胜）。

于 2013-09-05T07:49:18.603 回答