Firefox ubuntu 上的 jquery 幻灯片闪烁/闪烁问题

Question

我有一个 <ul>列表有点长。当您展开(向下滑动)该列表元素时，浏览器不会向下滚动并且一切正常。当您收缩(向上滑动)该元素列表时，浏览器向上滚动将闪烁/闪烁 A 批号同时这样做。

这不会发生在 MAC Firefox 上。

在 Windows 上都没有(至少我可以测试的版本)

这在 Firefox Linux (ubuntu) 上发生严重。

以前有人遇到过这个问题吗？如果是这样，我们能做些什么来解决它？

这是一个代码示例，以便更好地理解:

$('#btCatA').click(function() {
    $('#btCatA').toggleClass('selec');
    $('#listcatA').slideToggle('slow', function() {
        // ...
    });
});

Answer 1

您可以通过减小 scrollTop 来防止这种情况发生。 window 的属性(property)以该元素的高度为对象 之前 你向上滑动你的列表元素。 jQuery 有一个方法: .scrollTop() .您也可以对其进行动画处理，以使其看起来不那么匆忙。以下(未经测试的)代码应该可以解决问题:

var toggleClass = 'selec';

$('#btCatA').click(function() {
    var target = $(this),
        listElement = $('#listcatA');

    if (target.hasClass(toggleClass)) {
        target.removeClass(toggleClass);
        $(window).animate({
            scrollTop: '-='+listElement.height()+'px'
        }, 'slow', function () {
            listElement.slideUp('slow');
        });
    } else {
        target.addClass(toggleClass);
        listElement.slideDown('slow');
    }
});