Question

我想你知道，你有一个更大的文字，面板位于编辑区的顶部，如果你要使用面板，你必须滚动。如果面板粘在窗口顶部而不是离开，那就太好了。

任何想法，如何粘贴面板？

Answer 1

比我想象的要容易。

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无法正常工作。 topoffset start必须是面板顶部。打开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

如何粘贴nicedit面板？

1 个答案: