• <abbr id="chdyf"></abbr>
    <ruby id="chdyf"><acronym id="chdyf"><meter id="chdyf"></meter></acronym></ruby>
    <bdo id="chdyf"></bdo>
    <dfn id="chdyf"><menu id="chdyf"></menu></dfn>

    1. 

      <menuitem id="chdyf"></menuitem><strong id="chdyf"><menu id="chdyf"></menu></strong>
      <rt id="chdyf"><menu id="chdyf"></menu></rt>
      
成人小说一区二区三区,伊人精品成人久久综合全集观看,久久HEZYO色综合,中文字幕精品人妻熟女,影音先锋成人网站,我要看免费一级毛片,中国女人做爰A片,中文字幕av久久爽Av 
  
      
    

      

	
      
		
      
			
      
				
      遮罩層上滾動，使下方的列表隨之滾動
      
				
      
					
       2018-7-24      seo達(dá)人      
      
					
					
      
						
					
      
				
      
				
			
      
			
      
				
      
    如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點(diǎn)這里

      

      
    
    
      
        效果
    
      
    
      
        這里寫圖片描述
    
      
    
      
        遮罩層為一張邊框樣式圖（如下圖）：
    
      
    
      
        這里寫圖片描述
    
      
    
      
        邊框樣式遮罩層顯示在最上方，然后是中間的列表，最下層是一個透明黑色遮罩層，滾動鼠標(biāo)滾輪，能控制列表滾動
    
      
    
      
        實(shí)現(xiàn)原理
    
      
    
      
        注冊最上面遮罩層的滾動事件，拿到滾動滾動方向，然后控制列表滾動的方向和距離
    
      
    
      
        上代碼
    
      

      注冊事件 /**
 * 增加滾輪滾動事件（暫時只實(shí)現(xiàn)了chrome的滾動效果）
 * @param modalDomId 遮罩層domId
 * @param domId 需要滾動下層列表domId
 */ addMousewheelListener(modalDomId:string,domId:string){ //添加頁面監(jiān)聽 let modalAwardPanel = document.getElementById(modalDomId);
  modalAwardPanel.addEventListener('mousewheel',function(e){
    let scrollContentDom = document.getElementById(domId); //向上滾 if (e.wheelDelta > 0){ if (scrollContentDom.scrollTop -20 >= 0){
        scrollContentDom.scrollTop = scrollContentDom.scrollTop - 20;
      } else{
        scrollContentDom.scrollTop = 0 ;
      }
    } //向下滾 else{ if(scrollContentDom.scrollTop + scrollContentDom.clientHeight < scrollContentDom.scrollHeight){
        scrollContentDom.scrollTop = scrollContentDom.scrollTop + 20;
      }
    }
  });
}

組件調(diào)用： this.addMousewheelListener("你的最上方遮罩層id","你想要滾動的列表id");
      
藍(lán)藍(lán)設(shè)計( www.wtxcl.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
      
      

      				
      
								
			
      
		
      
		
		
	
      


      
    
  
      
    
      日歷
      
    
      
        
      
        
    
      
  
      
    
    
      
      
      鏈接
      
      
        
                
      
    
      
    
      
      
      個人資料
      
      
    
      
    
      
      
      存檔
      
      
    
      

      

      


  
 






主站蜘蛛池模板：
亚洲黑人av|
亚洲中文字幕在线资源第1页|
国产三级片网站|
自拍偷拍视频网站|
综合AV|
久久窝|
911精品人妻一区二区三区A片|
国产精品A片|
欧美乱码精品一区二区|
日韩码无第15页|
国内精品vA|
超碰人人超|
亚洲日韩?国产丝袜?在线精品|
av动态|
3p小视频|
精品久久久久中文字幕加勒比|
久久做受www|
日本一区二区国产|
亚洲熟女視頻|
2020无码天天喷水天天爽
|
亚洲91页|
精东A片成人影视|
春梦视频站|
日本三级久久|
日本第一区二区三区视频|
jizz国产|
久久久无码专区|
中文字幕第1页在线播|
久久瑟瑟|
日本亚洲成a人片在线观看|
日本乱码在线|
91牛|
3P无码|
国产精品高潮呻吟久久AV嫩|
95sao国产在线观看免费|
内射干少妇亚洲69XXX|
欧美日韩免费专区在线观看|
国产aⅴ一区二区三区|
少妇极品熟妇人妻200片|
一区777|
加勒比在线一区二区三区|