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

来源:互联网 发布:万维网中文域名到期 编辑:程序博客网 时间:2024/05/21 21:41

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

这里写图片描述

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

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();  }};
0 0
原创粉丝点击