主頁(yè) > 知識(shí)庫(kù) > FLEX給頁(yè)面添加滾動(dòng)條實(shí)現(xiàn)思路及代碼

FLEX給頁(yè)面添加滾動(dòng)條實(shí)現(xiàn)思路及代碼

熱門標(biāo)簽:天津企業(yè)外呼系統(tǒng)代理商 廣州ai外呼系統(tǒng)業(yè)務(wù) 無(wú)錫電銷外呼系統(tǒng)代理 地圖標(biāo)注多家店 中山外呼系統(tǒng)中間件 什么行業(yè)需要電話機(jī)器人 外呼系統(tǒng)號(hào)碼顯示 車載電話機(jī)器人 南昌crm外呼系統(tǒng)如何
修改index.template.html,加入一段js獲取瀏覽器窗口的寬高,根據(jù)瀏覽器窗口寬高修改css樣式,html, body { height:100%; width:100%; }的height和width是百分比還是具體大小,當(dāng)是具體大小時(shí)就會(huì)出現(xiàn)滾動(dòng)條,當(dāng)是百分比時(shí)就會(huì)充滿整個(gè)窗口。

具體如下:
1.加入以下js原碼(Application大小為1100X600)
復(fù)制代碼 代碼如下:

var winWidth = 0;
var winHeight = 0;
function findDimensions()
{
//獲取窗口寬度
if (window.innerWidth)
{
winWidth = window.innerWidth;
}
else if ((document.body) (document.body.clientWidth))
{
winWidth = document.body.clientWidth; //獲取窗口高度
}
if (window.innerHeight)
{
winHeight = window.innerHeight;
}
else if ((document.body) (document.body.clientHeight))
{
winHeight = document.body.clientHeight;
}
//通過(guò)深入Document內(nèi)部對(duì)body進(jìn)行檢測(cè),獲取窗口大小
if (document.documentElement document.documentElement.clientHeight document.documentElement.clientWidth)
{
winHeight = document.documentElement.clientHeight;
winWidth = document.documentElement.clientWidth;
}

var cssSize = document.styleSheets[0].rules||document.styleSheets[0].cssRules;
if(winWidth 1100)
{
cssSize[0].style.width = "1100px";
}
else
{
cssSize[0].style.width = "100%";
}

if(winHeight 600)
{
cssSize[0].style.height = "600px";
}
else
{
cssSize[0].style.height = "100%";
}
}

window.onresize=findDimensions;

function pageInit() {
//調(diào)用函數(shù),獲取數(shù)值
findDimensions();

}

標(biāo)簽:仙桃 攀枝花 泰州 佛山 呂梁 欽州 滄州 海西

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《FLEX給頁(yè)面添加滾動(dòng)條實(shí)現(xiàn)思路及代碼》,本文關(guān)鍵詞  FLEX,給,頁(yè)面,添加,滾動(dòng),;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《FLEX給頁(yè)面添加滾動(dòng)條實(shí)現(xiàn)思路及代碼》相關(guān)的同類信息!
  • 本頁(yè)收集關(guān)于FLEX給頁(yè)面添加滾動(dòng)條實(shí)現(xiàn)思路及代碼的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章