useDragScroll

使可滚动容器可拖拽滚动

示例

点我查看代码

import { useDragScroll } from "@wenonly/react-hooks";
import React from "react";

const RUseDragScroll = () => {
  const domRef = useDragScroll();

  return (
    <div
      ref={domRef}
      style={{
        height: 300,
        overflowY: "auto",
        border: "1px solid #ccc",
        padding: "0 20px",
      }}
    >
      <ol>
        {Array(100)
          .fill(1)
          .map((item, index) => (
            <li key={index}>{index}</li>
          ))}
      </ol>
    </div>
  );
};

export default RUseDragScroll;