ホームページ >ウェブフロントエンド >htmlチュートリアル >スクロールバーで動かない_html/css_WEB-ITnose

スクロールバーで動かない_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 12:14:271277ブラウズ

データを 2 つの部分に表示します。
上の部分はスクロールバーとともに移動しません、つまり常に表示されます
下の部分は通常です

http://www.cnblogs.com/cracker/archive/2011/ 07/04/css_fixed.html

この記事がよくわかりません。アドバイスをお願いします


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

4ec11beb6c39d0703d1751d203c17053

function init; (){

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");

var x=document.body.scrollTop||document .documentElement.sc……


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>

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。