jquery fare konumu göreli pencere

Pencereye göre tam fare konumunu almaya çalışıyorum. İşte jquery fare konumu göreli pencere

benim konudur

...

document.height = 1600
(fiili belge boyutu)
window.height = 400 (görüntülenebilir)

Ben fare konumunu anlamaya ihtiyacımız window, pageY özelliğinin sağladığı belgeye değil.

Bu, bir tablo öğesi için mouesover üzerinde açılan büyük bir araç ipucu için. Ekranın altında yeterli yer yoksa (pencere maksimumdur), araç ipucu, göstericinin altında göstericinin üzerinde görüntülenir. Bu, belge boyutu sayfa boyutundan büyük olana kadar çalışır (uzun tablo).

sayesinde Luc

Böyle, penceredeki pozisyon almak için SayfaY dan window ait .scrollTop() çıkarabilirsiniz

kaynak

2010-08-19 user425772

var top = e.pageY - $(window).scrollTop();

You can give it a try here, take a look at the console.

kaynak

2010-08-19 21:42:31

Sizler harikasınız. Bu yaptı! Teşekkür ederim!! – user425772

@lucl - Hoş Geldiniz :) Ve SO'ya hoş geldiniz! –

Harika çözüm ve çok basit. OP çözüm olarak işaretlemelidir. –

document.body.scrollTop özniteliği hakkında, bu, kaydettiğiniz pikselleri içerir. Basit bir sayfa olduğuna inanıyorumY - scrollTop o zaman yeterli olmalı?

kaynak

2010-08-19 21:43:10 jpluijmers

Peki ya pencere.pageYOffset?

Demo:

<html> 
<head> 
<style> 
    html,body {padding:0;margin:0} 
    #content {height:2048px;background-color:#ccc;} 
    #status {position:fixed;top:0;left:0;} 
</style> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
<script type="text/javascript"> 
jQuery(document).ready(function(){ 
    $(document).mousemove(function(e){ 
     $('#status').html(e.pageX +', '+ (e.pageY - window.pageYOffset)); 
    }); 
}) 
</script> 
<body> 
<h2 id="status">0, 0</h2> 
<div id="content"></div> 
</body> 
</html>

kaynak

2012-07-03 11:18:12 Marian

function showCoords(evt){ 
    alert(
    "clientX value: " + evt.clientX + "\n" 
    + "clientY value: " + evt.clientY + "\n" 
); 
}

Bunun aradığınız şey olduğunu düşünüyorum. Detaylar için here from Mozilla Developer.

kaynak

2015-07-09 01:16:01

jquery fare konumu göreli pencere

cevap

İlgili konular