如何在固定位置使用jQuery draggable？ [英] How to use jQuery draggable with fixed position?

问题描述

它在firefox中运行得很完美，但是在Chrome和Opera中它不起作用。

It works perfect in firefox, but in ie, chrome and opera it doesn't work.

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

除了firefox之外它不起作用

and it doesn't work except firefox

推荐答案

不要在CSS中设置固定：它适用于firefox，chrome，safari，iexplore

don't set fixed in CSS: it works in 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; 
}

这篇关于如何在固定位置使用jQuery draggable？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！