入门客AI创业平台(我带你入门,你带我飞行)
博文笔记

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

创建时间:2016-04-12 投稿人: 浏览次数:745

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

这里写图片描述

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

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();
  }
};
声明:该文观点仅代表作者本人,入门客AI创业平台信息发布平台仅提供信息存储空间服务,如有疑问请联系rumenke@qq.com。
  • 上一篇:没有了
  • 下一篇:没有了
未上传头像