ホームページ > ウェブフロントエンド > htmlチュートリアル > js カプレット広告が div+css_html/css_WEB-ITnose の下の画面でスクロールしない問題の解決策

js カプレット広告が div+css_html/css_WEB-ITnose の下の画面でスクロールしない問題の解決策

WBOY
リリース: 2016-06-24 12:27:22
オリジナル
1676 人が閲覧しました

ページに対句広告を追加した後、スクロールしないことがわかりました。長い間検索した結果、この文はスクロールを引き起こしませんが、削除されると、DIV+CSS で開発された Web サイトにとっては大惨事になります。別の解決策を見つける必要があります。JSのコードがあるはずです。W3Cの標準を満たしていません

情報を調べたところ、document.bodyが標準を満たしていないことがわかりました。それをdocument.documentElementに置き換えるだけです。ため息、無駄にした時間を記念させてください

この記事は http://www.phpwind.net/read.php?tid=522770 から転載しています

以下はオリジナルの JS ファイルです。ホームページ上で呼びかければOKです。

function initEcAd() {
document.all.AdLayer1.style.posTop = -200;
document.all.AdLayer1.style.visibility = 'visible'
document.all.AdLayer2.style.posTop = -200;
document.all.AdLayer2.style.visibility = 'visible'
MoveLeftLayer('AdLayer1');
MoveRightLayer('AdLayer2');
}
function MoveLeftLayer(layerName) {
var x = 5;
var y = 84; //ページ上部からの左側の広告の高さ
var diff = (document.documentElement.scrollTop + y - document.all.AdLayer1.style.posTop)*.40;
var y = document.documentElement.scrollTop + y - 差分;
eval("document.all." + LayerName + ".style.posTop = parseInt(y)");
eval("document.all." + LayerName + ".style.posLeft = x") ;
setTimeout( "MoveLeftLayer('AdLayer1');", 20);
}
function MoveRightLayer(layerName) {
var x = 5;
var y = 84;//右広告の上部からの高さpage
var diff = (document.documentElement.scrollTop + y - document.all.AdLayer2.style.posTop)*.40;
var y = document.documentElement.scrollTop + y - diff;
eval("document.all. " + レイヤー名 + ".style.posTop = y");
eval("document.all." + レイヤー名 + ".style.posRight = x");
setTimeout("MoveRightLayer('AdLayer2');", 20 );
}

document.write("

"
+"

                 ×
");
initEcAd()

// JavaScript ドキュメント

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート