Egy olyan mousemove - ot mint a youtube-n

Egy olyan mousemove - ot mint a youtube-n
2013-11-09T22:53:40+01:00
2013-11-10T22:45:29+01:00
2022-11-30T00:30:34+01:00
Havasi
Sziasztok!

Van egy mozgatható DIV-em ha rajta lenyomom az egér bal gombját majd elhúzom, akkor a pixelek alapján követi. Viszont, ha túl gyorsan húzom el, akkor megáll a DIV. Nézem a youtube-nak amilyenje van és ott mindig követi az egeret.

Van ötletetek, hogy hogyan oldjam meg. Köszönöm.
Mutasd a teljes hozzászólást!

$('.mozgat').live({ mousedown: function(event){ var _this = this; var ex = event.pageX-$(this).offset().left; var start = event.pageY; var startbox = $(this).offset().top; var ey = start-startbox; var posscrollTop = $(window).scrollTop(); $("body").on('mousemove',function(event){ fixertek = (startbox-posscrollTop)+(event.pageY-start); if($(_this).css('position') === 'absolute' && (event.pageY-ey) > 0 && event.pageX-ex > 0) $(_this).css({'top':(event.pageY-ey)+'px','left':(event.pageX-ex)+'px'}); if($(_this).css('position') === 'fixed' && (event.pageY-ey) > 0 && event.pageX-ex > 0 && fixertek > 0) $(_this).css({'top':fixertek+'px','left':(event.pageX-ex)+'px'}); }); }, mouseup: function(){ $("body").unbind('mousemove'); } });

<div class="mozgat" style="position:absolute;left:10px;top:100px;border:1px solid black;background:#ccc;width:100px;height:50px;">Mozgatható div.<div>
Mutasd a teljes hozzászólást!

Tetszett amit olvastál? Szeretnél a jövőben is értesülni a hasonló érdekességekről?
abcd