移动端根据屏幕宽度来等比调解高度的大小

最新推荐文章于 2022-09-19 11:30:22 发布

homie.Y

最新推荐文章于 2022-09-19 11:30:22 发布

阅读量1.2k

点赞数

本文链接：https://blog.csdn.net/Manarola/article/details/51132896

版权

项目需求：当内容高度超出某个值时，自动出现下拉箭头

这里写图片描述

原理：因为移动端的屏幕宽度不固定，所以应该以宽度作为标准，获取宽度的值，然后按照一定比例设置高度的范围

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();
  }
};