ホームページ > ウェブフロントエンド > htmlチュートリアル > 奇妙なことに、HTML の専門家を助けてください。ブラウザを開いたときにスクロール バーが下部に表示されることを願っていますが、IE6 と IE9 は同時に有効にすることはできません。 _html/css_WEB-ITnose

奇妙なことに、HTML の専門家を助けてください。ブラウザを開いたときにスクロール バーが下部に表示されることを願っていますが、IE6 と IE9 は同時に有効にすることはできません。 _html/css_WEB-ITnose

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title></title><style type="text/css"><!--body {background-image: url();background-color: #FFFFFF;margin:0; padding:0 10px 0 10px;height:100%;overflow:auto;}.STYLE1 {color: #FFFFFF}body,td,th {font-size: 13px;line-height:150%}a{text-decoration:none;}a:hover{ text-decoration:underline; }#wrap {display:block;bottom:0px;right:1px!important;right:18px;width:955px;line-height:30px;position:fixed;border:1px solid #fff;}*html{overflow-x:auto;overflow-y:auto;} * html #wrap {position:absolute;}--></style></head><body onload='document.body.scrollTop = document.body.scrollHeight;'><br>正文,希望一打开浏览器滚动条就在最下面<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文,希望一打开浏览器滚动条就在最下面<br><br>正文<br><div id="wrap"><table style="width:100%;" cellspacing="0" border="0"><tr><form name="Form" method="post" action="ztcad.php"><td>查询:<input type="text" name="keyword" size="25" onfocus="this.select();"> <input type="submit" name="Submit" value=" 查… " onclick="Javascripts:ockForm();return false;"></td></form><td align="right">固定内容 <td></tr></table></div></body></html>  
ログイン後にコピー


の場合、IE6 では正常に表示され、ブラウザーを開くとすぐにスクロール バーが自動的に下に移動します。は開きますが、IE9では動作しません。

に変更するとIE9では正常に表示されますが、IE6ではブラウザ下部のスクロールバーを直接開くことができません。

固定検索ボックスのコンテンツは削除できないため (固定コンテンツの div 層が削除された場合、2 つのコードは各 IE バージョンで有効ですが、この固定層は保持する必要があります。もちろん、この効果がある限り、レイヤーも変更できます(それだけです)ので、固定検索ボックスの内容を保持したままWebページの下部にスクロールバーを表示する方法と、その方法を専門家に尋ねたいと思いますこの影響はブラウザのすべてのバージョンにありますか?


ディスカッションへの返信 (解決策)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title></title><style type="text/css"><!--body {background-image: url();background-color: #FFFFFF;margin:0; padding:0 10px 0 10px;height:100%;overflow:auto;}.STYLE1 {color: #FFFFFF}body,td,th {font-size: 13px;line-height:150%}a{text-decoration:none;}a:hover{ text-decoration:underline; }#wrap {display:block;bottom:0px;right:1px!important;right:18px;width:955px;line-height:30px;position:fixed;border:1px solid #fff;}*html{overflow-x:auto;overflow-y:auto;} * html #wrap {position:absolute;}--></style></head> <body onload='if (window.location.href.indexOf("#")<0) {window.location.href = window.location.href+"#footer";}'><br>正文,希望一打开浏览器滚动条就在最下面<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文<br><br>正文,希望一打开浏览器滚动条就在最下面<br><br>正文<br><div id="wrap"><table style="width:100%;" cellspacing="0" border="0"><tr><form name="Form" method="post" action="ztcad.php"><td>查询:<input type="text" name="keyword" size="25" onfocus="this.select();"> <input type="submit" name="Submit" value=" 查… " onclick="Javascripts:ockForm();return false;"></td></form><td align="right">固定内容 <td></tr></table></div><div id='footer'></div></body></html> 
ログイン後にコピー

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