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
          
			
          
		




          





          


          

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


          

		          		
		
          
		
          			
		
		
		
		
          
		
          
		
		
          
		
          
			網站導航:
		
		
          
		
          
			


		
          	
		
          
			 
		
          
		
          
			
		
          
		
          
			
				
		
          		
	
          	

          



          

				
			
          
		          		
	
          
	
          
		
			


		
	
          

          


    







          
        
	




主站蜘蛛池模板：
高碑店市|
新丰县|
绵竹市|
时尚|
察哈|
津市市|
永胜县|
施秉县|
藁城市|
友谊县|
梓潼县|
祁阳县|
黎川县|
寿宁县|
广宁县|
谷城县|
肇东市|
屏东市|
思茅市|
中山市|
济阳县|
襄城县|
海安县|
呈贡县|
汉沽区|
建昌县|
老河口市|
白沙|
车致|
碌曲县|
壤塘县|
岳阳市|
万源市|
绥宁县|
哈巴河县|
丰台区|
延津县|
莫力|
五河县|
柞水县|
公主岭市|