欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

layer實(shí)現(xiàn)彈出層自動(dòng)調(diào)節(jié)位置

 更新時(shí)間：2019年09月05日 10:29:43   作者：從心歸零  
今天小編就為大家分享一篇layer實(shí)現(xiàn)彈出層自動(dòng)調(diào)節(jié)位置，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧

項(xiàng)目中有彈出層的內(nèi)容是不固定的，根據(jù)情況可能變長(zhǎng)變短，于是就要求做layer彈出層的大小自適應(yīng)，查詢了api后發(fā)現(xiàn)

layer.iframeAuto方法可以實(shí)現(xiàn)，這里吐槽一點(diǎn)，ie瀏覽器的html沒有被body撐大，而iframeAuto方法是根據(jù)html的高度計(jì)算的，導(dǎo)致我之前出現(xiàn)在ie下，調(diào)用iframeAuto后高度直接變零。

好了，做好了這一點(diǎn)之后，測(cè)試又提出一個(gè)問題，因?yàn)樗怯眯∑聊粶y(cè)試的，上面的位置沒有變，彈出層變長(zhǎng)以后按鈕就被擠到下面去了。所以我需要做一個(gè)效果，在彈出層長(zhǎng)度改變后重新居中。

這時(shí)我就在網(wǎng)上開始找資料了，發(fā)現(xiàn)layer.style可以實(shí)現(xiàn)這個(gè)效果，但是很麻煩需要計(jì)算然后賦值。

正當(dāng)我決定用這個(gè)方案時(shí)，結(jié)果我在chrome控制臺(tái)測(cè)試layer.style時(shí)發(fā)現(xiàn)一個(gè)意外的效果。當(dāng)我移動(dòng)控制臺(tái)邊界改變大小時(shí)，彈出層自動(dòng)居中了。

移動(dòng)前

移動(dòng)后

實(shí)際上是觸發(fā)了父層的$(window).resize()。

然后我開始向這個(gè)方法實(shí)驗(yàn)，但是不管是$(top.window).resize(),$(window.top).resize(),top.$(window).resize(),$(top).resize()都不能觸發(fā)top層的$(window).resize()方法。

最后還是沒有成功，我只好重新使用layer.style來計(jì)算了

var index = top.layer.getFrameIndex(window.name);//獲得layer彈出層索引
top.layer.iframeAuto(index, 30);//layer彈出層自適應(yīng)，改造的代碼，源代碼加上自己加的高度
var topHeight = ($(top.window).height() - $(window).height())/2;//計(jì)算高度
top.layer.style(index,{top:topHeight+"px"});//設(shè)置彈出層位置

中規(guī)中矩解決這個(gè)問題，不過還是不知道在彈出層是否能夠調(diào)用父頁面的$(window).resize()

完！

以上這篇layer實(shí)現(xiàn)彈出層自動(dòng)調(diào)節(jié)位置就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論