移動端 根據屏幕寬度來等比調解高度的大小

項目需求:當內容高度超出某個值時,自動出現下拉箭頭

這裏寫圖片描述

原理:因爲移動端的屏幕寬度不固定,所以應該以寬度作爲標準,獲取寬度的值,然後按照一定比例設置高度的範圍

window.onload = function(){
  var detailWidth = document.getElementsByClassName('con')[0].offsetWidth;
  var detailHeight = document.getElementsByClassName('con')[0].offsetHeight;
  var maxHeight = detailWidth/40*30;   //設定 最大 範圍
  if(detailHeight<maxHeight){
    $('.bottom').hide();
  }
};
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章