牛骨文教育服务平台(让学习变的简单)
博文笔记

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

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

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

这里写图片描述

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

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();
  }
};
声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。