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

位置: IE 11 でスティッキー ボタンが機能しない

Internet Explorer 11 (IE11) では、「スティッキー」位置プロパティがサポートされていません。ユーザーがスクロールしてもボタンが画面の下部に残る問題が発生しています。この記事では、IE11 でスティッキーが機能しない理由を調査し、望ましい動作を実現するための回避策を示します。

IE11 でスティッキー ポジションが失敗する理由

スティッキー ポジショニング。で導入されました。 CSS3 では、ビューポートがスクロールされたときに要素をコンテナ要素の範囲内で固定位置に留めることができます。ただし、IE11 はこのプロパティを完全にはサポートしていないため、一貫性のない動作が発生します。

回避策: 固定配置の使用

幸いなことに、「固定」配置プロパティを次のように使用できます。回避策。 [修正] では、ボタンがコンテナ内でスクロールできなくなりますが、ボタンがウィンドウに対して相対的に配置され、ボタンが画面の下部に残るようになります。

変更された CSS:

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

注: 「position:fixed」を追加すると、最新のブラウザの機能を損なうことなく、IE11 を含む古いブラウザがサポートされます。

考慮事項:

• IE11 は固定配置をサポートしていませんが、回避策として固定配置を使用できます。
• 固定配置は、要素をウィンドウに対して相対的に配置し、要素が期待どおりに画面の下部に残るようにします。

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