editormd 插件工具栏吸顶问题

在制作个人博客文章发表页面时,使用editormd插件遇到了工具栏吸顶始终居中的问题。通过分析CSS和JS,发现问题是由于fixed定位和width、left属性设置导致。通过修改编辑器相对浏览器的left偏移值,`left: editor.offset().left + "px"`,成功解决了吸顶效果,并实现了理想的位置。最终运行显示效果完美。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

起因:制作个人博客文章发表页面,引用editormd插件遇到的问题

问题:editormd插件中editormd-toolbar-container工具栏吸顶总是相对浏览器居中

问题分析:

因为是相对浏览器总是居中效果,首先想到fixed定位

(1)先去引用的文件中找css样式,在浏览器中检查,找到相应类样式 class=" editormd-toolbar-container "。

在CSS找到相应的源代码

如图:

由此观之,似乎并没有我们想要结果,继续分析~~~~~

因为吸顶效果是当窗口向上滚动时,并且滚动到一定位置,触发吸顶效果,那么应该在js里面设置了样式,寻找~~~~~~~

再在浏览器中检查

向上滚动窗口,看发生什么变化

奇迹发生了!!!!它的style的样式改变了,重

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值