位置：粘在某些设备上不起作用

Question

我正在尝试将position：sticky用于树结构，其中树的父节点设置为sticky。这是代码文件的链接：

• 位置粘贴工作文件在桌面的所有浏览器中。
• 在笔记本电脑中看不到树崩溃和父节点。示例：在Chrome开发人员工具中，如果我在设备工具栏中查看同一个树 - >响应模式，则粘贴位置不会产生同样的问题，并且会导致列表视图崩溃。

是否有任何解决方法？我已经阅读了很多关于位置的内容：粘性并认为我正确使用它。由于它在所有浏览器的桌面上都能正常工作，问题只出在小型设备或笔记本电脑上。

Answer 1

试试这种方式

.col-container{
   position: relative;
}
.tree-resin .tree-root-item>.tree-heading{
    position: absolute;
    top: 0;
    z-index: 7;
    width: 89%;
}
.tree-root {
    overflow: scroll;
    height: 50vh;
    padding-top: 53px;
}

http://plnkr.co/edit/dn8aKQHaTAV4wMjRgd5g?p=preview