Internet Explorer 11 のボタンで「位置: スティッキー」が機能しないのはなぜですか?

Internet Explorer 11 でスティッキー ボタンが機能しない

position: Sticky は Firefox のページ下部に効果的にボタンを配置できますが、これは失敗します。この記事では、Internet Explorer 11 で目的の動作を再現するための解決策について説明します。 IE11.

解決策：Position:Fixed を使用

IE11 ではスティッキーがサポートされていないため、代わりに Position:Fixed を使用します。このプロパティは、要素を指定された位置に固定するという同様の効果を実現します。

変更された CSS:

.sticky-button-thing-not-working-on-ie {
  position: fixed; /* Added to support older browsers */
  position: sticky;
  bottom: 0;
  right: 0;
  background: rgba(0, 211, 211, 0.6);
}

注: Sticky プロパティこのシナリオでは意図したとおりに利用されないため、省略できます。 Sticky は主に要素を上端の下に配置するために使用され、要素が上端に到達して静止するまでページの下にスクロールすると要素が移動します。

追加情報:

• Edge はバージョン 16 以降でスティッキーをサポートします。
• 修正された動作を紹介するサンプル ページが見つかります。 https://jsfiddle.net/thunderbolt36/a4yjfg13/.

以上がInternet Explorer 11 のボタンで「位置: スティッキー」が機能しないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。