小编OPe*_*arl的帖子

我正在使用 gatsbyJS 构建一个静态站点。我想要一个粘性侧边栏。position: sticky适用于 Chrome 和 Firefox，但在 Microsoft Edge 17 上不显示侧边栏。这是因为dir="rtl"我的 html 标签中有一个attr。我需要做什么才能rtl在边缘有一个带有dir的粘性元素？

我的侧边栏组件嵌套在布局组件中，该组件使用引导程序来布局页面。我知道不同的可能的 polyfills，我还写了一些 js 使它看起来不错position: fixed。但是对于我在caniuse.com和其他地方看到的内容，它应该得到支持。所以我想知道我做错了什么还是一个未被发现的错误？

这是我的代码。

sidebar.js：

const Sidebar ({ sidebarMenus }) => (
  <div id="sidebar" className="sidebar">
    <Menus menuList={sidebarMenus}/>
  </div>
)

侧边栏.css：

const Sidebar ({ sidebarMenus }) => (
  <div id="sidebar" className="sidebar">
    <Menus menuList={sidebarMenus}/>
  </div>
)

页面布局.js：

const PageLayout = (props) => (
  <div className="container">
    <div className="row">
      <div className="col col-12 col-md-9">
        {props.children}
      </div>
      <div className="col …