jquery獲取元素座標獲取滑鼠座標
阿新 • • 發佈：2019-01-29
獲取頁面某一元素的絕對X,Y座標，可以用offset()方法： var X = $('#DivID').offset().top; var Y = $('#DivID').offset().left; 獲取相對(父元素)位置: var X = $('#DivID').position().top; var Y = $('#DivID').position().left; 讓Div隨滾動條移動： <div id="oLayer" style="position: absolute; left: 0; top:80px; z-index: 2; background: a9c9ef; margin-left:6px; width: 140px; height: 70px"> </div> jQuery程式碼： $(window).scroll(function() { var init_pos = $('#oLayer').offset().top; $('#oLayer').css("top", $(window).scrollTop()+80) });
$(document).bind('mousemove',function(e){ var x = e.pageX; var y = e.pageY; });獲取瀏覽器顯示區域（可視區域）的高度 ： $(window).height(); 獲取瀏覽器顯示區域（可視區域）的寬度 ： $(window).width(); 獲取頁面的文件高度 $(document).height(); 獲取頁面的文件寬度 ： $(document).width(); 瀏覽器當前視窗文件body的高度： $(document.body).height(); 瀏覽器當前視窗文件body的寬度： $(document.body).width(); 獲取滾動條到頂部的垂直高度 (即網頁被捲上去的高度) $(document).scrollTop(); 獲取滾動條到左邊的垂直寬度 ： $(document).scrollLeft(); 獲取或設定元素的寬度： $(obj).width(); 獲取或設定元素的高度： $(obj).height(); 某個元素的上邊界到body最頂部的距離：obj.offset().top;（在元素的包含元素不含滾動條的情況下） 某個元素的左邊界到body最左邊的距離：obj.offset().left;（在元素的包含元素不含滾動條的情況下） 返回當前元素的上邊界到它的包含元素的上邊界的偏移量：obj.offset().top（在元素的包含元素含滾動條的情況下） 返回當前元素的左邊界到它的包含元素的左邊界的偏移量：obj.offset().left（在元素的包含元素含滾動條的情況下）
- scrollTop(), scrollLeft()
- 設定或返回已經滾動到元素的左邊界或上邊界的畫素數。簡單地說，就是設定或者獲取匹配元素相對滾動條上側或者左側的偏移。只有在元素有滾動條的時候，例如，元素的 CSS overflow 屬性設定為 auto 的時候，這些畫素才有用。這些屬性也只在文件的 <body> 或 <html> 標記上定義（這和瀏覽器有關），並且一起來制定滾動文件的位置。注意，這些屬性並不會指定一個 <iframe> 標記的滾動量。這是非標準的但卻得到很好支援的屬性