애플 릿 이 팝 업 창 을 표시 할 때 아래쪽 내용 스크롤 을 금지 하 는 방법

애플 릿 이 팝 업 창 을 표시 할 때 아래쪽 내용 스크롤 을 금지 하 는 방법 은 다음 과 같 습 니 다.
①  첫 번 째 방식
position:fixed 를 이용 합 니 다.  페이지 스크롤 금지.
페이지 구조 html 

<view class="indexPage {{proInfoWindow?'indexFixed':''}}">
  -----------            
  <button catchTap="_proInfoWindowShow">      </button>
</view>
//  proInfoWindow true       
<view wx:if="{{proInfoWindow}}">       </view>
2.CSS 부분

//      ,            fixed.         
.indexFixed{
 position: fixed;
 top:0;//top:0   ,                  .
 left:0;
 bottom:0;
 right:0;
}
3.JS 부분

Page({
 data: { 
  proInfoWindow:false,//        
   
 },
  //       ,   proInfoWindow true,     .
  //   proInfoWindow true   ,         class  indexFixed  .            ,          .
 _proInfoWindowShow(){
   this.setData({
    proInfoWindow:true
  })
 }
})
② 두 번 째 방식
쓰다 catchtouchmove="return"

//       
<view catchtouchmove="return"> //    catchtouchmove="return"             .
  <view catchtouchmove="return"></view> //          catchtouchmove="return"
  <view> //                 catchtouchmove="return",         
    <view>    1</view>
    <view>    2</view>
    <view>    3</view>
    <view>    4</view>
  </view>
</view>
 이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기