为什么 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中文网其他相关文章！