Question

上有1个megamenu问题

有时菜单下拉菜单会向右移动。这在chrome和firefox上都会发生。

这不是常规问题，有时只会发生。

我认为它可能是一个css问题，因为当它发生时，我检查元素与铬css扩展..自动框移动到正确的地方，而不刷新

附上megamenu代码

$sns_jq(function($){
var wrap = $('#sns_menu');
var container = $('#sns_menu .container');
$('.sns-megamenu-wrap').find('li').each(function(){
    var menucontent = $(this).find(".mega-content-wrap:first");
     var li = $(this);

    if( (container.outerWidth() + container.offset().left) < (li.offset().left + menucontent.outerWidth()) ){
        menucontent.css({"left": (container.outerWidth() - menucontent.outerWidth() )+"px"});
    }
});
$(window).resize(function(){
    setTimeout(function(){
        $('.sns-megamenu-wrap').find('li').each(function(){
            var menucontent = $(this).find(".mega-content-wrap:first");
             var li = $(this);

            if( (container.outerWidth() + container.offset().left) < (li.offset().left + menucontent.outerWidth()) ){
                menucontent.css({"left": (container.outerWidth() - menucontent.outerWidth() )+"px"});
            }
        });
      }, 200);
});

}）;

主题是sns korion

Answer 1

我检查了你的CSS。您正在使用可见性和不透明度处理可见性切换。选一个。在这种特殊情况下，由于您正在运行的转换，我会选择不透明度。

此外，带缩放的变换css将下拉列表放在不同的位置，并使用缩放将它们按大小放置在正确的位置。但是，与此技术相矛盾的是，您之后将过渡设置为无。如果关键帧意外停止，这就是一个与显示器混淆的后退定位。

删除主题-light-green.css中第6599行的所有转换以及第6462行相同样式表中的所有转换和转换。

同时删除两行中的可见性和6599中的不透明度。（您已在6462中使用它。

祝你好运

Magento上的Mega菜单问题

1 个答案: