版权声明本文为博主原创文章遵循 CC 4.0 BY-SA 版权协议转载请附上原文出处链接和本声明。手打不易如果转摘请注明出处本文链接https://zhangxiaofan.blog.csdn.net/article/details/160114669目录背景环境准备代码示例进入公众号文本编辑页插入代码块手动设置滑动条发布预览总结背景我们在写公众号的时候会碰到一段代码非常长如果不设置上下滑动的话阅读和排版多读者很不友好。这里教大家一个简单的方法快速实现代码块【上下滑动条】功能。注意这个方法不需要充值VIP是免费的环境准备写过公众号文章的应该对壹伴不陌生这里也是以壹伴插件为例。没有下载的可以去官网先安装插件安装很简单下载直接安装到浏览器即可。公众号写文章的时候出下如下界面就说明安装成功​代码示例import lombok.extern.slf4j.Slf4j; /** * 静态内部类 Holder 方式 * 总结一句话静态方法—静态内部类的静态属性 * 静态方法(公有) * 静态内部类(私有) * 静态内部类的静态属性(私有) */ Slf4j public class Singleton { private Singleton() { log.info(Singleton first init.); } /** * JVM类加载机制,类中的方法(不论是普通方法还是静态方法)和内部类 是不会在类创建实例的时候初始化除非被属性主动调用 * 根据JVM机制,类只会在用到的时候加载一次并且: * 类加载和实例化 不管是静态变量还是成员变量, 都只会执行初始化 属性和代码块,默认不会执行方法 * 总结: * 1.静态方法和静态内部类不会主动加载(保证懒加载) * 2.静态属性只会在类加载的时候初始化一次(保证单例) * 因此,我们可以通过 1-2 的方式类完成单例,同时达到了懒加载和单例的目的 * 总结一句话静态方法调用 静态内部类(私有)的静态属性(私有) */ public static Singleton getInstance() { return SingletonHolder.INSTANCE; } private static class SingletonHolder { private static final Singleton INSTANCE new Singleton(); } }具体步骤具体步骤如下进入公众号文本编辑页​插入代码块​点击上面的demo代码插入​可以看到默认没有滑动条​手动设置滑动条先打开【壹伴-编辑源代码】功能​找到对应代码块的最外层的section​我这里为section>section stylemax-height: 150px; overflow-y: auto>发布预览​总结在公众号编辑器中利用壹伴插件进入源代码模式找到代码块对应的 section 标签添加 stylemax-height: 150px; overflow-y: auto 即可实现代码块上下滚动。无需充值VIP操作简单有效优化长代码的阅读体验。