シナリオ説明:
過度の自己定義されたポップ・レイヤコンテンツ、ページ全体がスライドケースをスクロールする必要
解きます
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 = '下げます'
スクロールビュープルを使用した後は、ページの下部には無効となり、この方法は、状況ボトミングを取得することができます