legacy-knowledge-base
公開されました Jul. 2, 2025

iframeでボタンのドロップダウン・メニューがスクロールに追従する。

投稿者

Brian Suh

knowledge-article-header-disclaimer-how-to

knowledge-article-header-disclaimer

legacy-article

learn-legacy-article-disclaimer-text

問題

  • この記事では、iframe内のスクロール操作にボタンのドロップダウンメニューが追従するケースと、その解決方法について詳しく説明します。

Environment

  • Liferay DXP 7.1

解決策

  • iframeの場合、 popper.jsはスクロール時にドロップダウンメニューを移動させます。 これを所定の位置に固定するために、以下の内容を記載してください:
    • data-display="static"

ここでは、ドロップダウン・ボタンのコードの完全な例を示します:

<button
      aria-expanded="false"
      aria-haspopup="true"
      class="btn btn-secondary dropdown-toggle"
 data-display="static"
      data-toggle="dropdown"
      id="dropdownAlignment1"
      type="button"
    >

did-this-article-resolve-your-issue

legacy-knowledge-base