mirror of
https://github.com/d0zingcat/NotionNext.git
synced 2026-05-14 15:09:22 +00:00
29 lines
882 B
JavaScript
29 lines
882 B
JavaScript
import CONFIG_MEDIUM from '../config_medium'
|
|
|
|
/**
|
|
* 跳转到网页顶部
|
|
* 当屏幕下滑500像素后会出现该控件
|
|
* @param targetRef 关联高度的目标html标签
|
|
* @param showPercent 是否显示百分比
|
|
* @returns {JSX.Element}
|
|
* @constructor
|
|
*/
|
|
const JumpToTopButton = ({ showPercent = false, percent, className }) => {
|
|
if (!CONFIG_MEDIUM.WIDGET_TO_TOP) {
|
|
return <></>
|
|
}
|
|
return (
|
|
<div
|
|
id="jump-to-top"
|
|
data-aos="fade-up"
|
|
data-aos-duration="300"
|
|
data-aos-once="false"
|
|
data-aos-anchor-placement="top-center"
|
|
className='fixed xl:right-80 right-2 mr-10 bottom-24 z-20'>
|
|
<i className='fas fa-chevron-up cursor-pointer p-2 rounded-full border bg-white dark:bg-hexo-black-gray' onClick={() => { window.scrollTo({ top: 0, behavior: 'smooth' }) }} />
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default JumpToTopButton
|