技术源于努力
努力实现梦想

wordpress-kindEditor实现编辑器浮动置顶

1、在/wp-content/plugins/kindeditor-for-wordpress/kindeditor_class.php中的afterCreate:function函数下添加一行:this.loadPlugin(“autoheight”);

2、在/wp-content/plugins/kindeditor-for-wordpress/plugins/autoheight/autoheight.js中function init()修改代码:

function init() {
                var toolbar=K('.ke-toolbar');
                var originY=toolbar.pos().y;
                var keContainer=$(".ke-container");
                K(window).bind('scroll',function(){
                        console.log(keContainer.offset().top);
                        if (toolbar.css('position') == 'fixed') {
                                if ($(window).scrollTop() - originY< 0){ 
                                        toolbar.css('position','static');
                                        toolbar.css('top','auto');
                                        }
                        }else {

                                if (toolbar.pos().y - $(window).scrollTop() < 0){ 
                                        toolbar.css('position','fixed');
                                        toolbar.css('top','30px');

                                        }
                                }
    
                        });
        }

如图:

3、测试结果:

赞(0) 感谢小主打赏
未经允许不得转载:新域软件科技 » wordpress-kindEditor实现编辑器浮动置顶
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏