為什麼 Internet Explorer 11 中的按鈕「位置：黏滯」不起作用？

黏性按鈕在Internet Explorer 11 中不起作用

雖然在Firefox 中，position: Sticky 可以有效地將按鈕附加到頁面底部，但它無法Internet Explorer 11 中的功能。本文探討了在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 屬性可以省略，因為在這種情況下它沒有按預期使用。黏性主要用於將元素定位在頂部邊緣下方，以便當向下滾動時它們會隨著頁面移動，直到到達頂部邊緣，然後它們變得靜止。

其他資訊：

• Edge 從版本 16 開始支援黏性。
• 展示固定行為的範例頁面可以在 https://jsfiddle.net/thunderbolt36/a4yjfg13/ 找到。

以上是為什麼 Internet Explorer 11 中的按鈕「位置：黏滯」不起作用？的詳細內容。更多資訊請關注PHP中文網其他相關文章！