より良いscrll紹介

  プロジェクトに出くわした、次の2つのルールを遵守する必要があります。

    1.プロジェクトが第三者にあまり依存して生成することはできません。

    2.アプリケーション・レート・コンポーネントを強化

  データを書き込むことが可能な限り内部の部品に書かれた何か、になるように使用し、通信を介してデータ変換コンポーネントに、生きるプロセスを依存しているプロジェクトは、当社のプロセスに依存するように、我々は最初に処理されたファイルすることができファイルなので、我々は唯一のプロセスを変更する必要があり、ライブデータが少ないを行うには、コードを書く方法を、考えるために、可能な限り少ないコードを書く、書く、だけでなく、同じ効果を達成するために機能し、その後、処理コンポーネントは特にあり重要

  より良い-スクロールローリング運動エンドプラグ(注:携帯端末、PCの副作用が出る場合があります)。

  より良い-スクロールプラグインは非常にユーザーフレンドリー、簡単で、論理的かつ強力な(達成することができ、スクロール、プルリフレッシュは、ドロップダウンの効果を更新し、トップ、Dingding効果のシリーズ、およびVUEのために特に適している)であります

  ダウンロードモード:NPMダウンロードは、公式をダウンロードしてください。

    NPMダウンロード:NPMこれは、我々は1×1×ドキュメントを見てする必要があります方法です//良く、スクロール-Sをインストール

    公式サイトのダウンロード:https://ustbhuangyi.github.io/better-scroll/doc/zh-hans/installation.html

  メソッドの追加:NPM   インポートBScroll から「ベター・スクロール」を

       页面中<スクリプトSRC = "https://unpkg.com/better-scroll/dist/bscroll.min.js"> </ SCRIPT>

  私たちが紹介するとき、私たちはBScrollのクラスになります

  外層レイアウトCSSの構造

  <スタイル>

    .wrapper {

      位置:絶対;
      トップ:40ピクセル;
      下:は50px;
      幅:100%;
      オーバーフロー-Y:スクロール。

    }

  </スタイル>

  HTML構造:これだけを使用 

  <DIV CLASS = "ラッパー">

    <DIV CLASS = "コンテンツ">

      この中で私たちの中に何かを書きます

    </ div>

  </ div>

  (通常のページとして、そのDOM操作するための)JS構文

  詳細については、より良いスクロール1xのドキュメントを参照してください。https://ustbhuangyi.github.io/better-scroll/doc/zh-hans/options-advanced.html

  VARラッパー= document.querySelector( "ラッパー。");

  VaRのBS =新しいBScroll(ラッパー、{//ページは、私たちが滑ったときに、彼が育ったの利点を持つことになりますとき、私たちの新しいBScroll時間、特に滑らかに感じるだろう、最初の引数は、私たちですラッパークラス

                    //最初の固定パラメータ、第2のパラメータは、設定項目に、変更することができるBScroll

    内部これは、構成アイテム、以下に示すように:

    

    

  })

  上記の例では、多くの方法に比べて、この基地局は、持っている:私たちは以下のように使用することができます

  

  彼は私たちのネイティブのイベント、でもオリジナルの生イベントの制限を操作することは許されなかったので、もちろん、イベントもありますが、我々はまだ動作させるために内部の設定項目を変更することができます

  

  イベントは、通常使用するようにカスタマイズ方法と組み合わされる上記のイベント上記方法、時には、他のナンセンス、そのよう

  

  もちろん、我々はまだ私たちが使用するために来プロパティBSの数を持って、我々はを参照することができます

   

  ケース:トリガイベントをリフレッシュするためにプル

   

 

おすすめ

転載: www.cnblogs.com/shangjun6/p/11348143.html