All I m using the below code snippet to make a pop draggable. the issue im facing is scroll bar is not being detected, the pop up moves instead of scroll. I did see some similar questions, but the implementation seems to be different in their case, Can you help?
$('#Div1').mousedown(function(ev) { divToMove = document.getElementById('Div1'); var divName = '#Div1'; dragHandler(ev,divName); }); function dragHandler(e,divName){ var offSet = $(divName).position(); dragOK = true; dragXoffset = e.clientX - offSet.left; dragYoffset = e.clientY - offSet.top; $(divName).mousemove(function(ev){ moveHandler(ev) }); $(divName).mouseup(function(ev){ cleanup(ev, divName) }); return false; } function cleanup(e, divName) { $(divName).mousemove = null; $(divName).mouseup = null; dragOK = false; } function moveHandler(e) { if (e == null) { e = window.event } if (e.button <= 1 && dragOK) { divToMove.style.left = e.clientX - dragXoffset + 'px'; divToMove.style.top = e.clientY - dragYoffset + 'px'; return false; } } Please see this example in js fiddle. The issue doesnt happen in chrome, happens only in IE and ff. http://jsfiddle.net/6g6Xr/74/
