@fekit/react-iscroll

iscroll 封装成 react 插件

import React, { useEffect, useLayoutEffect } from 'react';
// 引入插件
import Scroll from '@fekit/react-iscroll';

function Home() {
  return (
    <div className="home">
      <Scroll
        // id=""  ID 选填
        // className="" Class 选填
        options={
          {
            // iScroll 配置入参项 选填
          }
        }
        on={
          {
            // iScroll 回调事件 选填
          }
        }
        style={
          {
            // iScroll 容器样式 选填
          }
        }
      >
        <div>
          <p
            onClick={() => {
              alert(39);
            }}
          >
            this is home page
          </p>
          <p>this is home page</p>
          <p>this is home page</p>
          <p>this is home page</p>
          <p>this is home page</p>
          <p>this is home page</p>
          <p>this is home page</p>
          <p>this is home page</p>
          <p>this is home page</p>
          <p>this is home page</p>
          <p>this is home page</p>
          <p>this is home page</p>
          <p>this is home page</p>
          <p>this is home page</p>
          <p>this is home page</p>
          <p>this is home page</p>
          <p>this is home page</p>
          <p>this is home page</p>
          <p>this is home page</p>
          <p>this is home page</p>
          <p>this is home page</p>
          <p>this is home page</p>
          <p>this is home page</p>
          <p>this is home page</p>
          <p>this is home page</p>
          <p>this is home page</p>
          <p>this is home page</p>
          <p>this is home page</p>
          <p>this is home page</p>
          <p>this is home page</p>
          <p>this is home page</p>
        </div>
      </Scroll>
    </div>
  );
}

export default Home;