ホームページ > 記事 > ウェブフロントエンド > スクロールバーで動かない_html/css_WEB-ITnose
データを 2 つの部分に表示します。
上の部分はスクロールバーとともに移動しません、つまり常に表示されます
下の部分は通常です
http://www.cnblogs.com/cracker/archive/2011/ 07/04/css_fixed.html
この記事がよくわかりません。アドバイスをお願いします
var p=document.getElementsByTagName(" div")[0];
var div=document.getElementById("test");
var x=document.body.scrollTop||document.documentElement.scrollTop; div.innerHTML=x;
p.style.top =parseInt(x)+"px";
window.onscroll=init;
これを試してください
css428b70adfddd276b8f4e33a8b3a2bc49
function init(){
var p=document.getElementsByTagName("div")[0];
var div=document.getElementById("test");
css 位置: 固定
は CSS で完全に解決できます。IE6 以降のブラウザでは、position:fixed を使用します。IE6 では、position:absolute;top:expression(' document.documentElementScrollTop'))
スクロールバーは禁止されていません。上記の一部の領域は動かないようにしてください
次の領域にスクロールバーを設定してください
設定するコードを教えてください次のエリアのスクロールバー
<style>#div0,#div1,#div2{ margin:0px; float:left; width:300px; }#div0{ height:200px;}#div1{ height:20px;}#div2{ overflow:auto; height:180px;}</style><div id="div0"> <div id="div1"> </div> <div id="div2"> </div><div>