移動ボタン(超簡単)の懸濁液を達成するために、小さなマイクロチャネル・プログラム

移動ボタン(超簡単)の懸濁液を達成するために、小さなマイクロチャネル・プログラム

これは、最近何だ一体、各ページが表示され業務停止のためのボタンの再ユーザーの要件となっていますか?
心はしたくないが、体はまだそれを受け入れなければならないが。

彼自身のキャプチャタッチイベントのウェブ上で最初に見つかったん怠惰Baiduは、私の経験では、この実装は確かにバグの束、およびページでケイトンは、ピット上のステップにないと判断されます。私は〜あなたがピットにステップしないことを望みます

実装:私たちは、内蔵部品のマイクロ手紙が簡単にアプレットを使用することができます!
1画面全体が可動領域の成分で覆われている
可動領域内の可動ビュー自由スライドを追加2.。
3. キー:CSS属性ポインタイベント
コード提供:
wxml:

  <movable-area class="movable-area">
    <movable-view class="movable-view" direction="all">
    </movable-view>
  </movable-area>

wxss:

  .movable-area{
    pointer-events:none;// 这个属性设置为none,让所有事件穿透过去
    z-index: 100;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .movable-view{ 
  	pointer-events:auto;// 重设为auto,覆盖父属性设置
    height: 50px;
    width: 50px;
    background: red;
  }

それは非常に単純ではないのですか?

こうした点までのコアコード、達成するためにあなた自身のビジネスでちょうど見

あなたはすべてのページが必要な場合は、コンポーネントの導入に書き込みます

それから私は、私たちは回り道を避けることを願って、誰にでもすぐに書き込み、ファイル共有を実現~~~

オンラインドキュメントの盗作を嫌い、Baiduは病気の人、どこでもまったく同じに見えます。

元は容易ではない、ソースを明記してください!

リリース3元の記事 ウォンの賞賛5 ビュー10000 +

おすすめ

転載: blog.csdn.net/qq_35487047/article/details/104970954