Position.overlap - Prototype JavaScript 框架

Xunxin Prototype API

overlap
不推荐

overlap(mode, element) -> Number

返回一个界于 01 之间的数值,用于表示先前使用 Position.within 方法指定的点基于 element 左上角的坐标值与 element 宽高的比例。mode 可以设置为 verticalhorizontal

已废弃!

假设有一个块级别的 element(即元素具有宽和高)以及一个以页面左上角为原点的坐标为 x, y 的点,调用 Position.within 将会指出这个点是否在 element 所占据的区域内。

现在假设有一个与 element 具有相同尺寸的元素,它的右下角(译注:原文为左上角)顶点坐标为 x, yPosition.overlap 指出这两个元素在水平和垂直方向上的重叠部分相对于 element 的长宽的比例。

注意:在调用这个方法之前,必须立即调用 Position.within

样例

var element = $('some_positioned_element');
Position.cumulativeOffset(element);
// -> [100, 100](元素距离页面的左方和顶部都是 100px) 
element.getDimensions();
// -> { width: 150, height: 150 } 

Position.within(element, 175, 145); 
// -> true
Position.overlap('horizontal', element); 
// -> 0.5(这个点跨越了元素一半的宽度) 
Position.overlap('vertical', element); 
// -> 0.3(这个点跨越了元素 3/10 的高度)