問題定義のコンテンツポップからマイクロ手紙アプレットは、ページ全体スライド決済をスクロールするコンテンツの場合をポップ

シナリオ説明:

過度の自己定義されたポップ・レイヤコンテンツ、ページ全体がスライドケースをスクロールする必要

解きます

1.すべてのビューのルートノードとしてパッケージ全体のレイアウト、動的結合スクロール-Yプロパティのスクロールビュー

<スクロールビュースタイル= "スクロール-Y:{{isScroll}}" スクロールY = "{{isScroll}}" bindscrolltolower = '低下'>
</スクロールビュー>

2.設定ページスタイルファイル属性が隠されているオーバーフロー-Y

ページ{
背景:#FFF;
位置:絶対;
フォントサイズ:36rpx。
幅:100%;
高さ:100%;
表示ブロック;
オーバーフロー-Y:隠されました。
}
スクロールビュー{
高さ:100%;
}


100%のスタイルファイルheight属性値の設定3.スクロールビュー
4.オープンカスタムクリックイベントのポップアップは、isScrollの変更が偽で、クリックイベントがオフポップ、値がtrue isScrollを変更

<ビュークラス= "ソートリスト{{!isstart1?」chioceリストに隠す「:」chioceリストショー '}} ">
<ビュースタイル= "オーバーフロー:スクロール;高さ:80%; - webkitのオーバーフロースクロール:自動;">
<ビューWXのための:= "{{slist1}}" catchtap = "onclicks1" データID = "{{item.id}}" データ・インデックス= "{{索引}}" クラス= "ソート項目" ホバー-class = "クリックワンス" WX:キー= "userInfoListId"> {{item.name}} </ビュー>
</ビュー>
</ビュー>
 
Clickイベント
opens1:関数(E){
console.log(E)
this.setData({
 
isstart:偽、
isScroll:偽
});
スイッチ(e.currentTarget.dataset.item){
ケース "2":
{(this.data.isstart1)場合
this.setData({
isstart1:偽、
isScroll:真
});
}
そうしないと {
this.setData({
isstart1:真、
isScroll:偽
});
}
ブレーク;
}
}、
 
注意事項
<ビュースタイル= "オーバーフロー:スクロール;高さ:80%; - webkitのオーバーフロースクロール:自動;">
コンテンツ領域のレンダリングで外側ラップにこの一節
オーバーフロー:スクロール;高さ:80%は、コンテンツ領域をスクロールさせます
; -webkitオーバーフロースクロール:自動;これはコンテンツ領域がスライドを停止する画面から、IOSに自動指をバウンスされている、タッチをバウンスさせています
 
bindscrolltolower = '下げます'
スクロールビュープルを使用した後は、ページの下部には無効となり、この方法は、状況ボトミングを取得することができます
 
 

おすすめ

転載: www.cnblogs.com/lishuang2243/p/12200043.html