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

          

          

          
	
          

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


          
		          		
	
          
	
          
		
			
          
	
		

          

          日歷
          

          
	
          
		
          <2013年5月>
          
	
          日一二三四五六
          2829301234
          567891011
          12131415161718
          19202122232425
          2627282930311
          2345678
          

          

          

		
	
	
	



		
	
		
	
		
          
		
          文章分類(2)
          
		
				
			
          
	
		
          
		
          文章檔案(2)
          
		
				
			
          
	
		
          
		
          相冊
          
		
				
			
          
	
		
	
		
	
		
	
		
	
		
	
		
          
		
          java mail
          
		
				
			
          
	
		
	
		
	
		
          
		
          spring
          
		
				
			
          
	
		
          
		
          struts2
          
		
				
			
          
	
		
          
		
          web portal
          
		
				
			
          
	
		
	
		
	
		
          
		
          其他
          
		
				
			
          
	
		
          
		
          好友博客
          
		
				
			
          
	
		
          
		
          架構
          
		
				
			
          
	



          

          搜索
          

            
	
          •  
          

          

          

          最新評論
	
          

          
	
			
		

          

          






          
		          		
		
			
          
				
					
	
          
		
          
			
          
				js頁面窗口懸浮實現
			
          
 			Posted on 2009-07-01 21:23 月下孤城 閱讀(10073) 評論(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
          
			
          
		




          





          


          

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


          

		          		
		
          
		
          			
		
		
		
		
          
		
          
		
		
          
		
          
			網站導航:
		
		
          
		
          
			


		
          	
		
          
			 
		
          
		
          
			
		
          
		
          
			
				
		
          		
	
          	

          



          

				
			
          
		          		
	
          
	
          
		
			


		
	
          

          


    







          
        
	




主站蜘蛛池模板：
南汇区|
达拉特旗|
湖州市|
尼勒克县|
安乡县|
三江|
沧源|
嫩江县|
沈丘县|
柳江县|
高要市|
临洮县|
SHOW|
突泉县|
新竹市|
黑河市|
绥棱县|
秦皇岛市|
延寿县|
巴里|
台中县|
澄城县|
云阳县|
宜春市|
台东县|
崇仁县|
温宿县|
霍州市|
松潘县|
积石山|
庆元县|
旬阳县|
滨州市|
金沙县|
包头市|
平湖市|
赣榆县|
郴州市|
江门市|
增城市|
阳谷县|