Chrome会在RTL语言网站上显示空白页面,直到调整窗口大小

我刚刚创建了一个阿拉伯语版本的网站,并注意到Chrome有时会显示一个完全空白的页面,直到窗口调整大小,然后一切都立即可见.

阿拉伯语是RTL语言,因此标签已dir="rtl" lang="ar"添加到其中.这是它与英文网站的唯一区别.

这是网站.您可能需要多次单击徽标才能看到它显示为空白.

我也注意到了这个问题,我用英语和阿拉伯语搜索了互联网,但找不到问题的原因.我找到了一个解决方法来修复它; 在rtl指导的网页中使用以下jQuery脚本:

//Chrome RTL UI Issue Fix
$(document).ready(function(){
    $(window).load(function() {
        $( "body" ).animate({
            scrollTop: 1
        });
    });
});

它所做的只是1px在加载了所有页面元素之后才滚动页面.您可以添加一个代码,如果您愿意,可以将其滚动回来.