1. 程式人生 > >layui iframe彈出層高度自適應,並垂直居中

layui iframe彈出層高度自適應,並垂直居中

  var bodyHH = document.documentElement.clientHeight;
  if(heg + titHeight + btnHeight > $(window).height()){
    layero.css({height:$(window).height(),
      top:(bodyHH-$(window).height())*0.5});
    layero.find('iframe').css({height:$(window).height()-titHeight-btnHeight,
      top:(bodyHH-$(window).height())*0.5});
  }else{
    layero.css({height: heg + titHeight + btnHeight,
      top:(bodyHH-(heg + titHeight + btnHeight))*0.5});
    layero.find('iframe').css({height: heg,
      top:(bodyHH-(heg + titHeight + btnHeight))*0.5});   
  }

相關推薦

layui iframe高度適應垂直居中

  var bodyHH = document.documentElement.clientHeight;  if(heg + titHeight + btnHeight > $(window).height()){    layero.css({height:$(window).height(), 

高度適應的水平垂直居中布局

ext ica table 缺點 tab 給定 color com col 高度自適應實現水平垂直居中 方法一 CSS3中有transform屬性,此屬性下有一個translate移動函數,此函數接受兩個參數。如果兩個參數都為百分比值,此時會基於自身寬度和高定進行移動。此函

Android GridView之新增分隔線動態設定高度實現高度適應解決第一個item不顯示的問題

最近做一個專案時遇到一點問題,在這裡分享一下解決思路。 首先看效果圖: 這裡的需求是實現介面中的六個圖示,博主後來和同事討論過這個問題,用 GridView 實現費時費力好嘛,同事認為做6個 Button 就 好了,可能博主就愛鑽牛角尖吧,一開始認為怎麼辦只要還有辦法那就

layui關閉iframe後重新整理父級頁面

需求:點選按鈕->彈出iframe窗體->在iframe中的列表中選區需要的使用者條目->確認並關閉窗體->在父級窗體中顯示剛才選取的使用者(重新整理)。layer.open({

layui

lse 屬性 彈層 標題欄 彈出層 frame 重復 gin normal 首先引入文件 layui.css  jquery.min.js  layui.js 彈出層 data-method 後面的屬性控制是什麽彈窗,在js中寫方法 <div class="site

layui layer 中載入 layui table

1 layer.open({ 2 type: 1, 3 area:['80%','60%'], 4 content: '<div><table id="testTable"></table></div>', 5 s

Layui關閉對話方塊--重新整理父介面

在畢設的開發中,新增使用者、新增許可權等等一些地方需要類似於bootstrap中的模態框。然而開發用的卻是layui 在layui中有彈出層可以實現其中的效果。 但是,一般用的時候都是提交後關閉視窗,重新整理父介面。這裡記錄一下方法 var index = parent.layer.getFrameIn

div裡巢狀iframe設定iframe及div的高度適應

1. div+iframe <div class="main"> <iframe id="contentFrame" name="contentFrame" src="url" onload="javascript:reinitIframe(

針對iframe 在top區域關閉重新整理iframe頁面

$(document).contents().find("iframe")[0].contentWindow.$("form").submit(); 在iframe頁面 定義一個form表單,關閉時 間接提交form。 $(document).contents().find("ifr

iframe根據子介面高度適應的情況--子介面table非同步

iframe根據子介面高度自適應的情況--子介面table ajax非同步請求 最近筆者遇到一個問題,需要在後臺管理系統介面中右側區域iframe根據子介面的高度進行自適應.開始用的方法是這樣的 <iframe scrolling="no" framebo

layui 操作

    var index = parent.layer.getFrameIndex(window.name);       parent.layer.close(index);//關閉當前頁       // win

Swift 版本: 2.利用 NSNotificationCenter實現鍵盤時頁面適應

在前面的一個小 Demo 裡, 我們知道了怎麼用UISearchController實現一個本地的搜素引擎, 現在讓我們繼續來看看接下來的Demo. 1.介面佈局 使用自動佈局給UI控制元件進行約束 獲取Bottom屬性 2.程式碼實現 獲取Bottom屬性

[Layer] layui用法記錄

為了更方便自己的使用和查詢,把常用的程式碼記錄一下,省的老去翻文件了。通用載入提示:layer.msg('載入中...',{icon: 16,time:false,shade:0.6});layer.load(2, { shade: false });完成提示加關閉當前lay

css 頭部和底部固定中間高度適應滾動條 css程式碼

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initia

layui.layer 使用

layer 在 layui 體系中的位置比較特殊,甚至讓很多人都誤以為 layui = layer ui,所以再次強調 layer 只是作為 layui 的一個彈層模組1,獲取laery,你需要去官網下載laery.js   地址--http://layer.layui.co

總結iframe高度適應適應子頁面高度

var browserVersion = window.navigator.userAgent.toUpperCase(); var isOpera = browserVersion.indexOf("OPERA") > -1 ? true : false; var isFireFox = brow

layer擴充套件定義樣式

layer是一款近年來備受青睞的web彈層元件,她具備全方位的解決方案,致力於服務各水平段的開發人員,您的頁面會輕鬆地擁有豐富友好的操作體驗。 官網 http://layer.layui.com/ layer 擴充套件面板:  http://layer.la

前端ui框架layui——layer-內建方法

提示:本頁內容所展示的內建方法是除了所有彈出方法(eg:layer.open)以外的,想看彈出方法請到這裡————————內建方法——————————1.layer.config(options) - 初始化全域性配置    這是一個可以重要也可以不重要的方法,重要的是,它的

iframe高度適應取消滾動條

專案中碰到左側是一個列表,是固定定位,點選不同的列表選項右側引入不同的iframe地址檔案,但是iframe設定屬性的時候高度只識別px,設定百分百之類的都無效,並且不想要iframe本身的滾動條,頁面只需要一個預設的滾動條。實現效果如下圖:html程式碼:    <i

iframe頁面切換、高度適應

HTML/ASPX <div class="personal_switch_tit mb15"> <ul> <li><