RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including @tsx-react-ui/backtop with all npm packages installed. Try it out:

require("react/package.json"); // react is a peer dependency. require("react-dom/package.json"); // react-dom is a peer dependency. require("core-js/package.json"); // core-js is a peer dependency. require("raf/package.json"); // raf is a peer dependency. var backtop = require("@tsx-react-ui/backtop")

all documents on RunKit are public
require() any package directly from npm
use arrow functions, classes, template strings, and most of ES6
await any promise instead of using callbacks (example)
create your own embedded node.js snippets

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

@tsx-react-ui/backtop v1.0.1

Overview Browse Files

@tsx-react-ui/backtop

作者：maqing01
邮箱：475986855@qq.com

介绍

The backtop component of the react written in Typescript

安装

组件使用 npm 进行管理，请使用以下命令进行组件安装：

npm i @tsx-react-ui/backtop --save

安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org

使用

样例文档

待开发

使用

最少配置参数为：

<Backtop />

详细配置：

<Backtop className="custom-back-top" showHeight={300} target={() => document.getElementById('target')} >
    <div className="custom-back-top-icon">UP</div>
</Backtop>

配置参数

Prop	Type	Default	Description
`showHeight`	`number`	`200`	当滚动高度超过此值时显示"返回顶部"按钮
`className`	`string`	`undefined`	自定义样式
`target`	`function`	`() => window`	返回指定滚动的DOM元素，默认为window
`children`	`ReactNode`	`undefined`	自定义图标

RunKit +

Try any Node.js package right in your browser

@tsx-react-ui/backtop v1.0.1

@tsx-react-ui/backtop

介绍

安装

使用

样例文档

使用

配置参数

注意事项

Changelog

Metadata