首页 电脑教程

最近对悬挂喵比较感兴趣,可是我搜索了Google、必应、百度等,就是没找到我需要的,不是typecho就是wordpress,甚至博客园都可以用,虽然NexT主题可以用,但是有些主题不行。

效果

你看我博客就知道了。

食用方案

首先我们去这个项目 传送门
Github

然后解压,将js、css和image拖入到你的主题文件夹

打开主题文件的layout文件夹,在layout.ejs添加以下代码

<div class="back-to-top cd-top faa-float animated cd-is-visible" style="top: -900px;"></div>
<link rel="stylesheet" type="text/css" href="/css/szgotop.css" />
<script type="text/javascript" src="/js/szgotop.js"></script>

修改布局

修改出现长度

打开szgotop.js,修改$('.back-to-top').css('top','-200px');

修改滚动高度大于200出现上吊猫

打开szgotop.js,修改if (scroHei > 500) {

修改隐藏高度

打开szgotop.js,修改$('.back-to-top').css('top','-999px');

修改偏移位置

打开szgotop.css,修改right: 40px; (此处为偏左40px)

问题解决

如果出现悬挂喵不出现问题,请添加jquery.min.js,并且在layout添加以下代码

    
<script src="/js/jquery.min.js"></script>



文章评论

    This_is_Y 访客FireFoxWindows
    2021-03-26 14:15   回复

    被删了欸

目录