wangEditor 菜单栏随页面滚动位置改变（吸顶）问题解决

最新推荐文章于 2024-07-06 16:55:42 发布

转载最新推荐文章于 2024-07-06 16:55:42 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/linjiangxian/p/11492202.html

文章标签：

#javascript #ViewUI

本文详细介绍了WangEditor中菜单栏fixed属性的使用方法，包括如何关闭菜单栏的fixed状态，以及如何修改菜单栏fixed时的距离浏览器上边距的数值。通过调整这些设置，可以更好地适应页面滚动时的布局需求。

参考：https://www.kancloud.cn/wangfupeng/wangeditor2/113980

当页面向下滚动到隐藏了菜单栏时，编辑器默认会fixed菜单栏，即让菜单栏保持『吸顶』状态。但是可以通过editor.config.menuFixed 关闭fixed状态，也可以修改数值来改变菜单fexed时候距离浏览器的上边距。

<div id="div1"> <p>请输入内容...</p> </div> <!--这里引用jquery和wangEditor.js--> <script type="text/javascript"> var editor = new wangEditor('div1'); // 关闭菜单栏fixed editor.config.menuFixed = false; // 修改菜单栏fixed的上边距（单位 px） // editor.config.menuFixed = 50; editor.create(); </script>