< view class = "list" > < view class = "item"  wx : for = { {  data } }  data- id= { {  item. id } } > { {  item. name } } < / view> 
< / view> 
如果不需要判断是否滑动,则在onPageScroll中直接执行getVisibleItems方法即可 Page ( { let  scrollTimer =  null   onPageScroll :  function  ( e )  { if ( scrollTimer) { clearTimeout ( scrollTimer) } scrollTimer =  setTimeout ( ( )  =>  { this . getVisibleItems ( ) } ,  1000 ) ; } , getVisibleItems ( ) { const  query =  wx. createSelectorQuery ( ) . in ( this ) ; query. selectAll ( '.item' ) . boundingClientRect ( ) ; query. selectViewport ( ) . scrollOffset ( ) ; query. exec ( ( res )  =>  { const  listItemRects =  res[ 0 ] ; const  viewportHeight =  wx. getSystemInfoSync ( ) . windowHeight; const  visibleItems =  listItemRects. filter ( rect  =>  { console. log ( rect. top)  console. log ( viewportHeight) return  rect. top &&  rect. top <  viewportHeight; } ) } ) } , 
} )