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

js控制元素顯示在屏幕固定位置及監(jiān)聽屏幕高度變化的方法

 更新時(shí)間:2015年08月11日 12:10:23   作者:dannywj1371  
這篇文章主要介紹了js控制元素顯示在屏幕固定位置及監(jiān)聽屏幕高度變化的方法,涉及javascript針對(duì)頁(yè)面元素及樣式屬性的相關(guān)操作技巧,需要的朋友可以參考下

本文實(shí)例講述了js控制元素顯示在屏幕固定位置及監(jiān)聽屏幕高度變化的方法。分享給大家供大家參考。具體如下:

//控制logo的顯示位置 Begin
window.addEventListener("resize", function () {
  // 得到屏幕尺寸 (內(nèi)部/外部寬度,內(nèi)部/外部高度)
  changeLogoPosition();
}, false);
changeLogoPosition();
function changeLogoPosition() {
  var contentHeight = $("#main_content_div").css("height");
  var logoHeight = $("#third_party_logo").css("height");
  contentHeight = parseInt(contentHeight.replace('px', ''));
  logoHeight = parseInt(logoHeight.replace('px', ''));
  //alert('屏幕高度:'+document.body.scrollHeight+' 內(nèi)容高度:'+contentHeight+' logo高度:'+logoHeight);
  if (document.body.scrollHeight - contentHeight > logoHeight) {
    document.getElementById('third_party_logo').style.position = 'absolute';
  } else {
    document.getElementById('third_party_logo').style.position = '';
  }
}
//控制logo的顯示位置 End

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

相關(guān)文章

  • js處理xml文件方法示例詳解

    js處理xml文件方法示例詳解

    這篇文章主要為大家介紹了js處理xml文件方法示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2023-08-08
  • javascript實(shí)現(xiàn)簡(jiǎn)單的全選和反選功能

    javascript實(shí)現(xiàn)簡(jiǎn)單的全選和反選功能

    這篇文章主要介紹了javascript實(shí)現(xiàn)簡(jiǎn)單的全選和反選功能的相關(guān)資料,需要的朋友可以參考下
    2016-01-01
  • 去除有數(shù)組中重復(fù)的元素

    去除有數(shù)組中重復(fù)的元素

    數(shù)組 重復(fù)采用的是Object的 in 操作符,體現(xiàn)一把它的強(qiáng)大(有更好的辦法來(lái)實(shí)現(xiàn)這個(gè)功能,但是這里只是演示 in 操作符)!
    2008-03-03
  • 微信小程序開發(fā)之組件設(shè)計(jì)規(guī)范

    微信小程序開發(fā)之組件設(shè)計(jì)規(guī)范

    這篇文章主要給大家介紹了關(guān)于微信小程序開發(fā)之組件設(shè)計(jì)規(guī)范的相關(guān)資料,對(duì)剛?cè)腴T學(xué)習(xí)微信小程序的同學(xué)們還是挺有幫助的,需要的朋友可以參考下
    2021-05-05
  • JavaScript中this的全面解析及常見實(shí)例

    JavaScript中this的全面解析及常見實(shí)例

    這篇文章主要給大家介紹了關(guān)于JavaScript中this的全面解析及常見實(shí)例的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用JavaScript具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2019-05-05
  • JS實(shí)現(xiàn)的自動(dòng)打字效果示例

    JS實(shí)現(xiàn)的自動(dòng)打字效果示例

    這篇文章主要介紹了JS實(shí)現(xiàn)的自動(dòng)打字效果,涉及javascript遞歸算法、字符串操作及事件函數(shù)相關(guān)使用技巧,需要的朋友可以參考下
    2017-03-03
  • js中哈希表的幾種用法總結(jié)

    js中哈希表的幾種用法總結(jié)

    本篇文章只要是對(duì)js中哈希表的幾種用法進(jìn)行了總結(jié)介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助
    2014-01-01
  • JS實(shí)現(xiàn)的網(wǎng)頁(yè)背景閃電閃爍效果代碼

    JS實(shí)現(xiàn)的網(wǎng)頁(yè)背景閃電閃爍效果代碼

    這篇文章主要介紹了JS實(shí)現(xiàn)的網(wǎng)頁(yè)背景閃電閃爍效果代碼,涉及JavaScript定時(shí)函數(shù)結(jié)合頁(yè)面元素樣式操作的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
    2015-10-10
  • Bootstrap警告框(Alert)插件使用方法

    Bootstrap警告框(Alert)插件使用方法

    這篇文章主要為大家詳細(xì)介紹了Bootstrap 警告框(Alert)插件的使用方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-03-03
  • JavaScript庫(kù) 開發(fā)規(guī)則

    JavaScript庫(kù) 開發(fā)規(guī)則

    1. 保持無(wú)侵入性,標(biāo)記不想知道你的JavaScript代碼;2. 嚴(yán)禁修改和擴(kuò)展Object.prototype!;3. 對(duì)JavaScript內(nèi)建對(duì)象的擴(kuò)展越少越好;4. 跟隨標(biāo)準(zhǔn);5. 或著跟隨主導(dǎo) ;6. 保持靈活;7. 管理內(nèi)存;8. 淘汰瀏覽器嗅探;9. 小巧更佳……
    2009-01-01

最新評(píng)論