B2主题美化:给顶部加上滚动条

给顶部加上一个滚动条,当浏览网页时上下滑动鼠标轮,上方滚动条显示进度

B2主题美化:给顶部加上滚动条

CSS添加到主题的style.css

#percentageCounter {
    position: absolute;
    left: 0;
    bottom: -1px;
    height: 3px;
    z-index: 2;
    background-color: #448EF6;
}

js添加到主题的child.js

//顶部滚动
$(window).scroll(function() {
	var a = $(window).scrollTop(),
		c = $(document).height(),
		b = $(window).height();
	scrollPercent = a / (c - b) * 100;
	scrollPercent = scrollPercent.toFixed(1);
	$("#percentageCounter").css({
		width: scrollPercent + "%"
	});
	70 < scrollPercent && $("#navigation").css({
		top: "0"
	});
	70 > scrollPercent && $("#navigation").css({
		top: "-66px"
	})
})

将下方代码添加到/wp-content/themes/主题/Modules/Templates/Header.php

给TA糖果
共{{data.count}}人
人已糖果
B2主题美化

B2主题简单实现文章内显示最后编辑时间

2022-5-22 18:53:02

B2主题美化

B2主题美化:给首页加上一个用户展示模块

2023-6-11 22:25:10

16 条回复 A文章作者 M管理员
  1. ding4389

    感谢分享

  2. moesekai

    感谢分享

  3. ⁡117

    感谢分享

  4. 巴巴塔

    感谢分享

  5. 雨

    感谢

  6. 森

    谢谢分享

  7. Eson

    感谢分享

  8. 久久

    感谢分享

  9. 源素网

    感谢分享

  10. 叶少侠

    感谢分享

  11. 46185770

    感谢分享

  12. CareyQu

    感谢分享

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索