[js] 適應G8的母層
由於公司的網頁設定太G8,因此這邊特別紀錄所需要的數值。
公司網頁是被一層名為 #kf-iframe 的iframe包住,因此如果要做有關測量到頂端距離的效果,需要另外做以下測量:
抓住這一層iframe
var kf_height_obj = $(window.parent.document).find('#kf-iframe');
iframe到頂端的距離
var kf_height = kf_height_obj.offset().top;
真正的、母層的高度 (如果是火狐的話要用document.documentElement)
real_body = window.parent.document.body;
因此,要知道某個寫好的物件到頂端的高度,實際上是要加上kf_height的
另外,也紀錄iframe與父層間的互相控制方法:
> 從iframe控制父層元素
window.parent.document.getElementById("父層元素").click();
$('#父窗口中的元素ID', parent.document).click();//jquery
>從父層控制iframe元素
window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").click();
$("#iframe的ID").contents().find("#iframe中的控件ID").click();//jquery -1
$("#iframe中的控件ID",document.frames("frame的name").document).click();//jquery -2
另外,在這次有注意到是除了iframe 之外,在最上面還有其他物件的存在,如果要做更精細的效果,是滿必要注意的。
留言
張貼留言