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
          
			
          
		




          





          


          

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


          

		          		
		
          
		
          			
		
		
		
		
          
		
          
		
		
          
		
          
			網站導航:
		
		
          
		
          
			


		
          	
		
          
			 
		
          
		
          
			
		
          
		
          
			
				
		
          		
	
          	

          



          

				
			
          
		          		
	
          
	
          
		
			


		
	
          

          


    







          
        
	




主站蜘蛛池模板：
永福县|
浦江县|
屏东县|
海阳市|
晋江市|
谢通门县|
灌阳县|
屏东市|
嵊泗县|
通山县|
轮台县|
石楼县|
清流县|
祁阳县|
来宾市|
郸城县|
临朐县|
汤原县|
牡丹江市|
安达市|
津南区|
康乐县|
东莞市|
东丰县|
榆社县|
五指山市|
青州市|
台北县|
澄迈县|
浦东新区|
罗甸县|
绩溪县|
陇川县|
呼玛县|
苍梧县|
伽师县|
奈曼旗|
浙江省|
遵义县|
云霄县|
色达县|