virtual-list icon indicating copy to clipboard operation
virtual-list copied to clipboard

虚拟滚动条能否配置不要delayHidden,客户反馈滚动条不太明显。最好能配置滚动条样式。

Open LeoHuiyi opened this issue 4 years ago • 4 comments

如题

LeoHuiyi avatar Oct 30 '20 13:10 LeoHuiyi

any update ?

LubomirIgonda1 avatar Nov 24 '20 06:11 LubomirIgonda1

I used

  .rc-virtual-list-scrollbar {
      display : block !important;
  }

in my global css file

alex1blackhole avatar Apr 22 '21 13:04 alex1blackhole

发了一个 pull request 提供了 参数配置是否总是显示 滚动条 https://github.com/react-component/virtual-list/pull/158

prophetw avatar Aug 25 '21 03:08 prophetw

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();
      });
    };
  }, []);

vladpuz avatar Dec 12 '23 10:12 vladpuz