Как использовать jQuery draggable с фиксированным положением?

Question

Он отлично работает в firefox, но в хром и опера он не работает.

<div> has position:fixed, and is .draggable() 

и он не работает, кроме светлячок

Answer 1

не набор фиксированных в CSS: он работает в FireFox, хром, сафари, IEXPLORE

var div = $('#id'); 
div.resizable(
{ 
    stop: function(event, ui) 
    {      
     var top = getTop(ui.helper); 
     ui.helper.css('position', 'fixed'); 
     ui.helper.css('top', top+"px");   
    }  
}); 
div.draggable(
{ 
    stop: function(event, ui) 
    {   
     var top = getTop(ui.helper); 
     ui.helper.css('position', 'fixed'); 
     ui.helper.css('top', top+"px"); 
    } 
}); 

function getTop(ele) 
{ 
    var eTop = ele.offset().top; 
    var wTop = $(window).scrollTop(); 
    var top = eTop - wTop; 

    return top; 
} 

Answer 2

Просто использовать в CSS:

#draggable{ 
    position:fixed !important; 
} 

Если вы используете как перетаскивать и rezisable удалить «важно!» с помощью CSS, а затем установите остановка вариант (обратный вызов, когда перетаскивание и изменение размера стопы) этой функции:

function stop(event){ 
    if(event.type === "resizestop"){ 
     var topOff = $(this).offset().top - $(window).scrollTop() 
     $(this).css("top",topOff) 
    } 
    $(this).css("position","fixed")  
}