无效原因一: -webkit-overflow-scrolling

在移动开发中，用户体验是非常重要的点。

所以少不了平滑滚动，通常使用 -webkit-overflow-scrolling 实现这一效果

该属性控制元素在移动设备上是否使用滚动回弹效果。

webkit-overflow-scrolling: touch; /* 当手指从触摸屏上移开，会保持一段时间的滚动 */

-webkit-overflow-scrolling: auto; /* 当手指从触摸屏上移开，滚动会立即停止 */

父元素的 -webkit-overflow-scrolling 属性值为 touch，子元素的 position: fixed 属性就无效

无效原因二: transform

bootstrap.css 默认在弹出层存在改属性。

父元素如果存在 transform 属性，子元素的 position: fixed 属性无效。

亲测设置为 none 固定有效。