まず第一に、ここに私のウェブサイトへのリンクがあり、私が説明しようとしている問題があります:
http://themes.roussounelosweb.gr/cassiopeia/
Firefox、IE 9、Opera、Safari、iOS では、ウェブサイトは完璧に見え、スムーズに動作します。問題は、スクロールが信じられないほど遅く、視差効果を使用した背景画像のアニメーションが途切れ途切れになる Chrome および Android デバイスにあります。
問題は画像の background-size:cover および background-attachment:fixed 属性にあると思われますが、この問題の解決策はまだ見つかっていません。
上記のリンクを直接見て、より良いアイデアを得ることができます。助けてください; 私はこのプロジェクトを仕上げる最後のステップにいますが、このバグが本当に私の足を引っ張っています。
section{
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment:fixed;
overflow:hidden;
}
section.section1{
background-image:url(../img/section1.jpg);
background-repeat:no-repeat;
color:#dedede;
text-shadow:1px 1px 5px rgba(0,0,0,0.8);
position:relative;
padding:20px 0px;
z-index:1;
overflow:hidden;
}