Framework7-sidepanels-panel-opened

提供：Dev Guides
移動先:案内、検索

Framework7-パネルが開いていますか？

説明

パネルが開いているかどうかを判断できます。 いくつかのパネルが開かれるたびに、_ <body> _には with-panel- [position]-[effect] ルールを使用する以下に示す追加の生成クラスがあります。

  • カバー効果でパネルを開いたままにすると、_body_には_with-panel-left-cover_クラスが含まれます。
  • 公開効果でパネルを開いたままにすると、_body_には_with-panel-left-reveal_クラスが含まれます。
  • カバー効果で右パネルを開くと、_body_には_with-panel-right-cover_クラスが含まれます。
  • 表示効果で右パネルを開くと、_body_には_with-panel-right-reveal_クラスが含まれます。

以下に示すように、JavaScriptまたはCSSでそれを使用して、開いているパネルを検出できます-

JavaScriptで

if ($$('body').hasClass('with-panel-left-cover')) {
   console.log('Left Panel is opened')
}

CSSでは

body.with-panel-left-cover .statusbar-overlay {
   background-color: #333;
}

これにより、パネルを開いたときにステータスバーの背景が変更されます。

「https://www.finddevguides.com/index.php?title=Framework7-sidepanels-panel-opened&oldid=30516」から取得
Powered by MediaWiki