SOURCE

console 命令行工具 X clear

                    
>
console
$(function(){
  function checkOverflow(){
    $('.wrap').each(function(){
      var scrollHeight = this.scrollHeight;
      var clientHeight = this.clientHeight;
      if(scrollHeight > clientHeight){
        $(this).find('.button').show();
      };
    });
  }
  checkOverflow();
  
  $(window).resize(function(){
     checkOverflow();
  })
  
  $('.button').click(function(){
    $(this).parent().toggleClass('show')
  })
})
<div class="wrap">
  <div class="content">
    内容多少都随意内容多少都随意内容多少都随意内容多少都随意内容多少都随意内容多少都随意
  </div>
  <button class="button">更多</button>
</div>

<div  class="wrap">
  <div class="content">
    内容大小也没关系内容大小也没关系内容大小也没关系内容大小也没关系内容大小也没关系内容大小也没关系内容大小也没关系内容大小也没关系内容大小也没关系内容大小也没关系
  </div>
  <button class="button">更多</button>
</div>
*{
  margin:0;
  padding: 0;
}
.wrap{
  width: 80%;
  margin: 10px 0;
  border: solid 1px #ccc;
  overflow: auto;
  position:relative;
}

.wrap .button{
  position: absolute;
  top: 0;
  right: 0;
  display:none;
}

.wrap:nth-child(1){
  font-size: 14px;
  line-height: 20px;
  height: 20px;
}
.wrap:nth-child(2){
  font-size: 40px;
  height: 40px;
  line-height: 40px;
}
.wrap.show{
  height: auto;
}

本项目引用的自定义外部资源