回到顶部代码
记录一段回到顶部的代码,在页脚放入以下代码:
<a id="top" href="javascript:window.scrollTo( 0, 0 );" target="_self" id="top">回到顶部</a>
然后在css中添加:
#top {
position: fixed;
bottom: 80px;
right: 30px;
opacity: 1;
cursor: pointer;
}
Wordpress自定义css记录(20230206)
html {scrollbar-width: thin;}
blockquote {
border-left: 8px solid #0170b9;
border-bottom-left-radius: 30px 255px;
border-bottom-right-radius: 255px 25px;
border-top-left-radius: 255px 25px;
border-top-right-radius: 30px 225px;
background: url(https://tupian-1303925435.cos.ap-shanghai.myqcloud.com/bg.gif) center center;background-size: auto;background-size: cover;}
body {cursor: url("https://tupian-1303925435.cos.ap-shanghai.myqcloud.com/pointer.cur"), default;}
#comments .submit{width:100%;}
我之前也有类似的需求,当时搜了很多教程,不过最后发现可以通过 Cloudflare app 来实现,不需要写代码哈哈,当时还整理了一篇文章记录了一下:https://zblogs.top/cloudflare-apps-brief-introduction/
感谢分享,哈哈
亲爱的博主,你在2021年12月19日记录了一条返回顶部代码,你现在用的肯定不是这个,等下我把我的贴出来,和你的效果一样
我去看看
之前也找过不少返回顶部代码,挺麻烦的没想到就这一条就搞定。
看到好用的东西,我就把它记录下来,万一以后需要用到就能直接用啦
这么简单的吗?我看你这个效果代码应该不止这个吧?监测滚动条下滑出现按钮这个最好也记录起来,要不然哪天就忘记了。
我正好在回顾,之前我也没把这个代码记录起来,导致前两天测试主题时一直报错,主要是忘记如何节流和防抖了,方法也很简单,就是想不起来。哈哈
有时候不经意间就想起来了,哈哈,你的hugo博客主题很酷