武装少女在线观看高清完整版免费,丝袜+亚洲区,少妇被cao高潮呻吟声,午夜伦情电午夜伦情电影,日日躁夜夜躁狠狠躁

小程序模板網(wǎng)

微信小程序組件滑動(dòng)導(dǎo)航和獲取元素實(shí)際高度

發(fā)布時(shí)間：2018-05-04 15:47 所屬欄目：小程序開發(fā)教程

viewscroll-view scroll-x scroll-with-animation scroll-left="{{menuIndex}}" style="height: 100px; width:100%;"view id='#haha' class='all' style='width:{{menuWidth}}px;'block wx:key="lists" wx:for="{{li ...

 
 
 

 


						
    
							
  1. 
								<view>
    2. 
							
  2. 
								<scroll-view scroll-x scroll-with-animation scroll-left="{{menuIndex}}" style="height: 100px; width:100%;">
    3. 
							
  3. 
								<view id='#haha' class='all' style='width:{{menuWidth}}px;'>
    4. 
							
  4. 
								<block wx:key="lists" wx:for="{{lists}}">
    5. 
							
  5. 
								<view id="a{{index}}" bindtap='jumpIndex' class='menu' data-menuindex='{{index}}'>{{item.list}}</view>
    6. 
							
  6. 
								</block>
    7. 
							
  7. 
								</view>
    8. 
							
  8. 
								</scroll-view>
    9. 
							
  9. 
								</view>
    10. 
						

						

							 

						

						
    
							
  1. 
								data: {
    2. 
							
  2. 
								// 初始化滑動(dòng)條數(shù)據(jù)
    3. 
							
  3. 
								menuIndex:0,
    4. 
							
  4. 
								// 每個(gè)菜單的寬度
    5. 
							
  5. 
								onlyWidth: 70,
    6. 
							
  6. 
								// 右側(cè)的margin
    7. 
							
  7. 
								marginWidth:10,
    8. 
							
  8. 
								// 菜單總長(zhǎng)
    9. 
							
  9. 
								menuWidth:0,
    10. 
						

						

							 

						

						
    
							
  1. 
								lists:[
    2. 
							
  2. 
								{ list: 'a1' },
    3. 
							
  3. 
								{ list: 'a2' },
    4. 
							
  4. 
								{ list: 'a3' },
    5. 
							
  5. 
								{ list: 'a4' },
    6. 
							
  6. 
								{ list: 'a5' },
    7. 
							
  7. 
								{ list: 'a6' },
    8. 
							
  8. 
								{ list: 'a7' }
    9. 
							
  9. 
								],
    10. 
							
  10. 
								},
    11. 
							
  11. 
								 
    12. 
							
  12. 
								jumpIndex:function(e){
    13. 
							
  13. 
								var menuIndex = (e.currentTarget.dataset.menuindex-1)*80;
    14. 
							
  14. 
								this.setData(
    15. 
							
  15. 
								{menuIndex:menuIndex}
    16. 
							
  16. 
								)
    17. 
							
  17. 
								},
    18. 
						

						

							 

						

						
    
							
  1. 
								/**
    2. 
							
  2. 
								* 生命周期函數(shù)--監(jiān)聽頁(yè)面加載
    3. 
							
  3. 
								*/
    4. 
							
  4. 
								onLoad: function (options) {
    5. 
							
  5. 
								 
    6. 
							
  6. 
								 
    7. 
							
  7. 
								let that=this;
    8. 
							
  8. 
								let lists = this.data.lists;
    9. 
							
  9. 
								let onlyWidth=this.data.onlyWidth;
    10. 
							
  10. 
								let marginWidth=this.data.marginWidth;
    11. 
							
  11. 
								let menuWidth = lists.length * (onlyWidth + marginWidth) - marginWidth;
    12. 
							
  12. 
								that.setData({
    13. 
							
  13. 
								menuWidth: menuWidth
    14. 
							
  14. 
								})
    15. 
							
  15. 
								// 獲取用戶高度
    16. 
							
  16. 
								let query = wx.createSelectorQuery();
    17. 
							
  17. 
								query.select('#a0').boundingClientRect()
    18. 
							
  18. 
								query.exec(function (res) {
    19. 
							
  19. 
								console.log(res);
    20. 
							
  20. 
								})
    21. 
							
  21. 
								 
    22. 
							
  22. 
								},
    23. 
						

							
				

			
		

	





            


            


            

            

                

                    易優(yōu)小程序（企業(yè)版）+靈活api+前后代碼開源
                    碼云倉(cāng)庫(kù):starfork
                

                

                    本文地址：http://www.kknew.com.cn/wxmini/doc/course/24224.html 復(fù)制鏈接 
                    如需定制請(qǐng)聯(lián)系易優(yōu)客服咨詢：800182392 點(diǎn)擊咨詢 
                

            

          

          

        

      

      
    

  







  

    
  









  
  

    
    
    

    

     QQ在線咨詢 
    

      
    

    
  






 



    

        AI智能客服
        ×