そのため、jQueryのslideDown関数と組み合わせると、グラデーションで厄介なスタイリング現象が発生します。
私が起こっていると思うのは、各ページで実行しているグローバルグラデーションがあるということです。1ページで私は以下を使用しています:
function slideOnlyOne(studiesName) {
$('.studies_detail#' + studiesName + '_box').slideDown(200);
$('.studies_detail:not(#' + studiesName + '_box)').slideUp(600);
};
だから私はいくつかのdivのデータをロードし、このjQuery関数を使用して一度に1つずつ表示しています。こちらがサイトの半完成版ですので、私が話していることがわかります。ホワイトペーパーとインフォグラフィックを入れ替えると、背景にグラデーションの線のような奇妙な効果があり、どこかでリロードされているように見えます。しかし、ページの一番下までスクロールして再び戻ると、なんとかして解決します。
他の誰かがこの性質の何かを経験したことがあります。そしてそれを修正するにはどうすればよいですか?jQueryを変更しますか?変更できないのはグラデーションだけです。
background: -webkit-radial-gradient(rgb(255, 255, 255), rgb(190, 190, 190));
background: -moz-radial-gradient(rgb(255, 255, 255), rgb(190, 190, 190));
background: -o-radial-gradient(rgb(255, 255, 255), rgb(190, 190, 190));
background: -ms-radial-gradient(rgb(255, 255, 255), rgb(190, 190, 190));
background: radial-gradient(rgb(255, 255, 255), rgb(190, 190, 190));