애플 릿 이 팝 업 창 을 표시 할 때 아래쪽 내용 스크롤 을 금지 하 는 방법
① 첫 번 째 방식
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>
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
애플 릿 이미지 새로 고침, nginx 재 작성 url 제거 인자이전에 nginx 로 이미지 서버 를 만 들 었 는데 전단 에 작은 프로그램 을 사 용 했 습 니 다. 작은 프로그램 이 출시 된 후에 그림 이 새로 고침 되 지 않 는 것 을 발 견 했 습 니 다. 조사 한 결과 ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.