scratchfoundation/paper.js
1
0
Fork 0
mirror of https://github.com/scratchfoundation/paper.js.git synced 2025-01-03 19:45:44 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add support for calculation of cumulative positioned offsets and use it to correctly determine visibility and event positions within canvases nested in relative divs.

Browse source
This commit is contained in:
Jürg Lehni 2011-06-02 20:43:54 +01:00
parent 082ecf1a64
commit 1b197741fa
1 changed files with 10 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
src/browser/DomElement.js
View file

@ -15,12 +15,15 @@
*/
var DomElement = new function() {
function cumulate(el, name, parent) {
function cumulate(el, name, parent, positioned) {
var left = name + 'Left',
top = name + 'Top',
x = 0,
y = 0;
while (el) {
// If we're asked to calculate positioned offset, stop at any
// parent element that has relative or absolute position.
while (el && (!positioned
|| !/^(relative|absolute)$/.test(el.style.position))) {
x += el[left] || 0;
y += el[top] || 0;
el = el[parent];
@ -29,8 +32,8 @@ var DomElement = new function() {
}
return {
getOffset: function(el, scroll) {
var point = cumulate(el, 'offset', 'offsetParent');
getOffset: function(el, positioned, scroll) {
var point = cumulate(el, 'offset', 'offsetParent', positioned);
return scroll
? point.subtract(cumulate(el, 'scroll', 'parentNode'))
: point;
@ -40,8 +43,8 @@ var DomElement = new function() {
return Size.create(el.offsetWidth, el.offsetHeight);
},
getBounds: function(el, scroll) {
return new Rectangle(DomElement.getOffset(el, scroll),
getBounds: function(el, positioned, scroll) {
return new Rectangle(DomElement.getOffset(el, positioned, scroll),
DomElement.getSize(el));
},
@ -59,7 +62,7 @@ var DomElement = new function() {
// See if the scrolled bounds intersect with the windows rectangle
// which always starts at 0, 0
return new Rectangle([0, 0], DomElement.getWindowSize())
.intersects(DomElement.getBounds(el, true));
.intersects(DomElement.getBounds(el, false, true));
}
};
};