从数据库读出内容显示到div，div有最大高度，js怎么判断显示是否超过了div的高度，内容里面还可能有图片

我想做的效果是如果超过了div的高度，则某个地方会出现一个按钮，点这个按钮使这个div延长，就能看到所有内容了... 我想做的效果是如果超过了div的高度，则某个地方会出现一个按钮，点这个按钮使这个div延长，就能看到所有内容了展开

 我来答

2个回答

#热议# 什么是淋病？哪些行为会感染淋病？

scheshan
推荐于2016-09-08 · TA获得超过1789个赞

知道小有建树答主

回答量：958

采纳率：0%

帮助的人：1270万

我也去答题访问个人页

关注

展开全部

你是想做什么效果嘛??要只是做超出部分不显示,给div弄一个css属性 overflow:hidden;  如果是要对内容进行截取,那内容可以放在一个容器内,JS可以直接获取这个容器的高,或者直接输出到div也行,最开始就定义一个JS变量为最大高度就行了 

那你还真的只有把内容放到div内部的一个容器,并且把div的overflow设置为hidden,页面加载完毕后判断容器的高和div的高,如果容器更高,则让按钮可见,点击按钮,移除div的overflow属性...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>无标题页</title>
    <script type="text/javascript" src="js/jquery.js"></script>
</head>
<body>
    <div id="test" style="height:25px; overflow:hidden;">
      <span>
      1111<br />
      2222<br />
      3333<br />
      5555<br />
      </span>
    </div>
    <br /><br /><br /><br />
    <input type="button" id="btn" value="显示div" style="display:none;" />
</body>
</html>
<script type="text/javascript">
$(function(){
    if($("#test").find("span").height()>$("#test").height())
    {
        $("#btn").show();
    }
    $("#btn").click(function(){
        $("#test").css("overflow","");
    });
})
</script>


本回答被提问者采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起