jquery - 如何使用固定位置的 jQuery 可拖动？

Question

它在 Firefox 中完美运行，但在 ie、chrome 和 Opera 中不起作用。

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

除了 Firefox 之外，它不起作用

Answer 1

不要在 CSS 中设置固定:它适用于 firefox、chromium、safari、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; 
}