virtual-list
virtual-list copied to clipboard
虚拟滚动条能否配置不要delayHidden,客户反馈滚动条不太明显。最好能配置滚动条样式。
如题
any update ?
I used
.rc-virtual-list-scrollbar {
display : block !important;
}
in my global css file
发了一个 pull request 提供了 参数配置是否总是显示 滚动条 https://github.com/react-component/virtual-list/pull/158
I'm using a workaround with MutationObserver:
useEffect(() => {
const nodes = document.querySelectorAll<HTMLElement>(".rc-virtual-list-scrollbar");
const scrollbars = Array.from(nodes);
const observers = scrollbars.map((scrollbar) => {
const observer = new MutationObserver(() => {
scrollbar.style.visibility = "";
});
observer.observe(scrollbar, { attributes: true, attributeFilter: ["style"] });
return observer;
});
return () => {
observers.forEach((observer) => {
observer.disconnect();
});
};
}, []);