<！DOCTYPE HTML>
<HTML LANG = "EN">
<ヘッド>
<メタ文字セット= "UTF-8">
<メタ名=「ビューポート」コンテンツ=「幅=装置幅、初期の規模= 1.0」>
<META HTTP-当量= "X-UA-互換性のある" コンテンツ= "IE =エッジ">
<タイトル>ドキュメント</ TITLE>
<スタイル>
＃ボックス{
幅：300ピクセル;
高さ：500pxなど。
国境：1pxの固体赤。
オーバーフロー：隠されました;
}
#boxのDIV {
幅：100％;
高さ：800ピクセル;
背景：＃999;
}
</スタイル>
</ head>の
<身体>
<DIV ID = "箱">
<div>
これは、より良い、スクロールデモです
</ div>
</ div>
</ BODY>
</ HTML>
<スクリプトSRC = "https://unpkg.com/better-scroll/dist/bscroll.min.js"> </ SCRIPT>
<スクリプト>
VaRのwarpper =のdocument.getElementById（ '箱'）
VARスクロール=新しいBScroll（warpper、{
プローブタイプ：2、
bounceTime：700、//回復時間
pullUpLoad：{
しきい値：10 //ときにイベントがラジャアップロードされた上で配布される10pxの高さよりも箱からプル
}、
pullDownRefresh：{
しきい値：ドロップダウン10pxの長い高さよりもボックスの上部からは、あなたがプルダウンリフレッシュイベントを配布-10 //
}、
useTransition：偽// iphoneマイクロチャネルスライドカトンを防ぎます
}）;
ラジャのScroll.on（ "pullingUp"、機能（）{//アップロードイベント
console.log（「負荷データAJAX」）。
Scroll.finishPullUpは（）; //一度だけにロードされます。このコードを引っ張っていなかった、ラジャのキャリアに何度も実行することができます
}）;
Scroll.on（ "pullingDown"、機能（）{//ドロップダウンリフレッシュイベント
console.log（「ドロップダウンリフレッシュデータ」）;
Scroll.finishPullDown（）//あなたが複数のプルダウンリフレッシュを実行することができ、このコードの下だけでなく、リフレッシュ
}）;
Scroll.refresh（）; //は非同期にデータをロードするときに、再レンダリングページデモを初期化し、このコードは非常に重要です
</ SCRIPT>