为博客添加“底部直达”功能,主要是为了文章内容较多时而滑动进度条又比较费时(比较懒),所以就折腾这个功能。现做下记录:

一、JS修改

在博客主题中找到一个xxx.js文件,在末尾添加语句:

$('#goToFoot').click(function () { $('html,body').animate({ scrollTop: document.getElementsByTagName('BODY')[0].scrollHeight}, 100); return false; });

二、HTML修改

由于我是直接加一个按钮在页面中,所以修改博客主题下的Content.php。然后找到“首页”出现的位置,就把“底部”放在这里,在a标签中添加语句:

 id="goToFoot"

分别在PC端、Android端测试,均正常。

三、参考文件

js实现点击按钮 页面平滑回至顶部/底部_夕降巫咸的博客-CSDN博客_js点击按钮到底部
https://blog.csdn.net/Changeable0127/article/details/80883277

修改环境: Typecho v1.2 (18.1.29),Handsome v6.0


本文标签:笔记typecho代码PHP建站