亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

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

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

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

//控制logo的顯示位置 Begin
window.addEventListener("resize", function () {
  // 得到屏幕尺寸 (內部/外部寬度,內部/外部高度)
  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+' 內容高度:'+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

希望本文所述對大家的javascript程序設計有所幫助。

相關文章

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

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

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

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

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

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

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

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

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

    JavaScript中this的全面解析及常見實例

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

    JS實現(xiàn)的自動打字效果示例

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

    js中哈希表的幾種用法總結

    本篇文章只要是對js中哈希表的幾種用法進行了總結介紹,需要的朋友可以過來參考下,希望對大家有所幫助
    2014-01-01
  • JS實現(xiàn)的網頁背景閃電閃爍效果代碼

    JS實現(xiàn)的網頁背景閃電閃爍效果代碼

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

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

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

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

    1. 保持無侵入性,標記不想知道你的JavaScript代碼;2. 嚴禁修改和擴展Object.prototype!;3. 對JavaScript內建對象的擴展越少越好;4. 跟隨標準;5. 或著跟隨主導 ;6. 保持靈活;7. 管理內存;8. 淘汰瀏覽器嗅探;9. 小巧更佳……
    2009-01-01

最新評論