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

标签 google-chrome arabic

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

阿拉伯语是 RTL 语言,因此 <html>标签有dir="rtl" lang="ar"添加到其中。这是它与英文网站之间的唯一区别。

This is the site 。您可能需要单击该 Logo 几次才能看到它显示为空白。

最佳答案

我也注意到了这个问题,我在互联网上用英语和阿拉伯语搜索,但找不到问题的原因。不过,我找到了解决方法;在您的 RTL 定向网页中使用以下 jQuery 脚本:

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

它所做的只是在加载所有页面元素后立即将页面滚动 1px 。如果需要,您可以添加一段代码来将其向后滚动。

关于google-chrome - Chrome 在 RTL 语言网站上显示空白页面,直到调整窗口大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34184377/

相关文章:

php - 如何使用PHP和MYSQL将mysql数据库中的垃圾字符与阿拉伯字母匹配

android - 使用 SimpleDateFormat 和 UmmalquraCalendar 在阿拉伯语中显示日期名称时得到空字符串

.net - 阿拉伯字符串: get actual Glyph (contextual shaping)

html - 高度 : 100% not working when parent div only has max-height

javascript - Maps API 中的哪些最新更改可能导致标记向右移动并消失?

google-chrome - 浏览器的HTTP缓存的存储位置在哪里?磁盘或内存

PHP MYSQL 阿拉伯语插入数据

java - 我应该开始使用 CSS 3 和 HTML 5 吗?

html - 额外填充仅在 Chrome 中

css - 阿拉伯语第一个字符截止问题