mirror of
https://github.com/d0zingcat/NotionNext.git
synced 2026-05-20 07:26:46 +00:00
hexo 微调,添加随机跳转按钮
This commit is contained in:
36
themes/hexo/components/ButtonJumpToComment.js
Normal file
36
themes/hexo/components/ButtonJumpToComment.js
Normal file
@@ -0,0 +1,36 @@
|
||||
import { siteConfig } from '@/lib/config'
|
||||
import CONFIG from '../config'
|
||||
|
||||
/**
|
||||
* 跳转到评论区
|
||||
* @returns {JSX.Element}
|
||||
* @constructor
|
||||
*/
|
||||
const ButtonJumpToComment = () => {
|
||||
if (!siteConfig('HEXO_WIDGET_TO_COMMENT', null, CONFIG)) {
|
||||
return <></>
|
||||
}
|
||||
|
||||
function navToComment() {
|
||||
if (document.getElementById('comment')) {
|
||||
window.scrollTo({
|
||||
top: document.getElementById('comment').offsetTop,
|
||||
behavior: 'smooth'
|
||||
})
|
||||
}
|
||||
// 兼容性不好
|
||||
// const commentElement = document.getElementById('comment')
|
||||
// if (commentElement) {
|
||||
// commentElement?.scrollIntoView({ behavior: 'smooth', block: 'start', inline: 'nearest' })
|
||||
}
|
||||
|
||||
return (
|
||||
<div
|
||||
className='flex space-x-1 items-center justify-center transform hover:scale-105 duration-200 w-7 h-7 text-center'
|
||||
onClick={navToComment}>
|
||||
<i className='fas fa-comment text-xs' />
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default ButtonJumpToComment
|
||||
Reference in New Issue
Block a user