2016-01-02 4 views
1

Я думаю, вы это знаете, у вас большой текст, и панель находится в верхней части области редактирования, и если вы будете использовать панель, вы должны прокрутить ее. Было бы неплохо, если бы панель была липкой в ​​верхней части окна, а не уходила.Как липкая панель nicedit?

Любая идея, как липкая панель?

ответ

0

Проще, чем я думал.

var sticky_panelContain_offset_top = $('div.nicEdit-panelContain').offset().top; 
    var sticky_panelContainer = function(){ 
    var scroll_top = $(window).scrollTop(); 
    if (scroll_top > sticky_panelContain_offset_top) { 
     $('div.nicEdit-panelContain').css({ 'position': 'fixed', 'top':0, 'left':0 }); 
     } else { 
     $('div.nicEdit-panelContain').css({ 'position': 'relative' }); 
    } 
}; 
sticky_panelContainer(); 
$(window).scroll(function() { 
    sticky_panelContainer(); 
}); 

Но вы должны редактировать nicedit.js, потому что buttontips и Pulldowns не будет работать правильно. Начало стартового набора должно быть верхней панелью. Откройте nicedit.js и выполните поиск по "pos: function()", это близко к началу. И изменить

var curleft = curtop = 0; 

в

var curleft = curtop = 0; 
if ($('div.nicEdit-panelContain').css('position') == 'fixed') { 
    curtop = $('div.nicEdit-panelContain').offset().top; 
} 

jsfiddle example

Смежные вопросы