下面的link是DetailsList
与Sticky*(固定头)* 的基本实现。
我尝试实现的是用自定义滚动条替换默认滚动条,并保持相同的功能/行为。实现自定义滚动条后,标题不粘,这是主要问题。
工作示例CodeSandbox。
我尝试了以下库:一对二对一,一对三对一
下面的link是DetailsList
与Sticky*(固定头)* 的基本实现。
我尝试实现的是用自定义滚动条替换默认滚动条,并保持相同的功能/行为。实现自定义滚动条后,标题不粘,这是主要问题。
工作示例CodeSandbox。
我尝试了以下库:一对二对一,一对三对一
2条答案
按热度按时间sgtfey8w1#
使用外部库处理滚动条的样式可能会将内容 Package 在div中,并导致
position: sticky
停止工作。也许你最好的选择是尝试直接在
ScrollablePane
中设置滚动条的样式。你当然可以添加更多的定制。没有在Firefox上测试,但应该工作。
代码无菌盒:https://codesandbox.io/s/fluet-ui-custom-scrollbars-ygm07?file=/src/index.tsx
设置滚动条样式:https://css-tricks.com/the-current-state-of-styling-scrollbars/
jljoyd4f2#
将此代码段添加到App.css,无需单独 * 调整 * 任何DetailsList。应用最适合您的宽度/颜色。