eagle
          
			 學無止境,細節決定成敗.
		          		
	
          

          

          

          
	
          

          posts - 12, comments - 11, trackbacks - 0, articles - 2
          
	
 
BlogJava ::
首頁 ::
新隨筆 ::
聯系 ::
聚合
 ::
管理


          
		          		
	
          
	
          
		
			
          
			
          
		          		
		
			
          
				
					
	
          
		
          
			
          
				js頁面窗口懸浮實現
			
          
 			Posted on 2009-07-01 21:23 月下孤城 閱讀(10081) 評論(3)  編輯  收藏  所屬分類: extjs 
			
			


		
          
		
          需求：在設計web頁面時，有時會讓某個窗口懸浮在頁面某側，并隨瀏覽器滾動做相應浮動。
          

          代碼：
          
html代碼
          
 <div id="chatDiv" style="position: absolute; buttom: 0px; right: 0px;  ">懸浮頁面</div>
          

          js代碼
          
 /*會話面板懸浮*/
          
 window.onscroll = function () {
          
        var div = document.getElementById("chatDiv");
          
        div.style.top = document.body.scrollTop;
          
    };
          
    window.onresize = window.onscroll;
          
    window.onscroll();
          
    
          
說明：html代碼中css設置id為chatDiv的div元素顯示位置.js代碼實現瀏覽器滾動條滾動與div顯示位置。 
          



          
---------------------
          
月下孤城
          
mail:eagle_daiqiang@sina.com
          
	
          
	


          
	    
    

          

          評論
          
	
			
          
				
          
					
          
						# re: js頁面窗口懸浮實現  回復  更多評論
						  
					
          
					2013-05-17 20:59 by dasd
				
          
				
          asdsad
          
			
          
		
			
          
				
          
					
          
						# re: js頁面窗口懸浮實現  回復  更多評論
						  
					
          
					2014-12-11 16:18 by 速度
				
          
				
          死騙子
          
			
          
		
			
          
				
          
					
          
						# re: js頁面窗口懸浮實現  回復  更多評論
						  
					
          
					2015-04-13 14:26 by http://job.cnblogs.com/
				
          
				
          http://job.cnblogshttp://job.cnblogs.com/.http://job.cnblogs.com/com/http://job.cnblogs.com/http://job.cnblogshttp://job.cnblogs.com/.http://job.cnblogs.com/com/http://job.cnblogs.com/http://job.cnblogshttp://job.cnblogs.com/.http://job.cnblogs.com/com/http://job.cnblogs.com/http://job.cnblogshttp://job.cnblogs.com/.http://job.cnblogs.com/com/http://job.cnblogs.com/http://job.cnblogshttp://job.cnblogs.com/.http://job.cnblogs.com/com/http://job.cnblogs.com/http://job.cnblogshttp://job.cnblogs.com/.http://job.cnblogs.com/com/http://job.cnblogs.com/http://job.cnblogshttp://job.cnblogs.com/.http://job.cnblogs.com/com/http://job.cnblogs.com/http://job.cnblogshttp://job.cnblogs.com/.http://job.cnblogs.com/com/http://job.cnblogs.com/http://job.cnblogshttp://job.cnblogs.com/.http://job.cnblogs.com/com/http://job.cnblogs.com/http://job.cnblogshttp://job.cnblogs.com/.http://job.cnblogs.com/com/http://job.cnblogs.com/http://job.cnblogshttp://job.cnblogs.com/.http://job.cnblogs.com/com/http://job.cnblogs.com/http://job.cnblogshttp://job.cnblogs.com/.http://job.cnblogs.com/com/http://job.cnblogs.com/http://job.cnblogshttp://job.cnblogs.com/.http://job.cnblogs.com/com/http://job.cnblogs.com/http://job.cnblogshttp://job.cnblogs.com/.http://job.cnblogs.com/com/http://job.cnblogs.com/http://job.cnblogshttp://job.cnblogs.com/.http://job.cnblogs.com/com/http://job.cnblogs.com/http://job.cnblogshttp://job.cnblogs.com/.http://job.cnblogs.com/com/http://job.cnblogs.com/vhttp://job.cnblogshttp://job.cnblogs.com/.http://job.cnblogs.com/com/http://job.cnblogs.com/v
          
			
          
		




          





          


          

	
          
		
          
				
		
	
		
          
		
		
          只有注冊用戶登錄后才能發表評論。
          
		
          
			
		
          
			
		
          
		
		
          
		


          

		          		
		
          
		
          			
		
		
		
		
          
		
          
		
		
          
		
          
			網站導航:
		
		
          
		
          
			


		
          	
		
          
			 
		
          
		
          
			
		
          
		
          
			
				
		
          		
	
          	

          



          

				
			
          
		          		
	
          
	
          
		
			


		
	
          

          


    







          
        
	




主站蜘蛛池模板：
台北县|
泗水县|
连州市|
图片|
淳化县|
定安县|
阿鲁科尔沁旗|
奈曼旗|
临邑县|
松阳县|
尉氏县|
江都市|
九江县|
江山市|
抚远县|
富锦市|
苍南县|
马边|
吉木萨尔县|
嘉荫县|
临猗县|
柯坪县|
江门市|
辉南县|
丁青县|
临湘市|
伊金霍洛旗|
兴文县|
兴隆县|
宁国市|
凤山县|
富阳市|
佛冈县|
容城县|
延寿县|
瑞金市|
启东市|
抚顺市|
奈曼旗|
积石山|
宜兰市|