當從後端加載的數據達到最大高度時，需要實現滑塊

Question

我從後端加載內容並附加到div。我希望數據以兩行顯示（高度：100px）。如果它超過了兩行，意味着我需要在滑塊中顯示文本。我已經實現了文字滑塊。但我所需要的只有在它達到最大高度後才能滑動。

<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 col-pad-2 invite-circle-list"> 
          <label class="col-lg-12 col-md-12 col-sm-12 col-xs-12 control-label col-pad-2 input-label invite-label">Select circle to invite people</label> 
          <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 col-pad-2" style="height:40px;"> 
           <div class="outside prev-top"> 
            <span id="slider-prev-invite"></span> 
           </div> 
           <ul class="bxslider bxslider-invite-friends"> 
            <% 
            for(var i in data.data) { 
            %> 
            <li class="radios pull-left"> 
             <input type="checkbox" name="invite<%=i%>" id="invite-all-fr<%=i%>" value="<%=data.data[i].id%>" data-name="<%=data.data[i].name%>"> 
             <label class="radio" for="invite-all-fr<%=i%>"></label><span class="invite-filter-text"><%=data.data[i].name%></span> 
            </li> 
            <%}%> 
           </ul> 

           <div class="outside next-top pull-right"> 
            <span id="slider-next-invite"></span> 
           </div> 
          </div> 
         </div> 

這是我的滑塊實施code.Result會像follw

不滑的結果就像。

我需要的是，當結果超過最大高度100時，我需要激活滑塊。否則在2行中顯示足夠的文本。

Answer 1

您可以隨時將其添加到DIV

overflow-y: scroll; 
max-height: 100px; 

的最大高度在所有的瀏覽器不支持，只是記住這一點。我希望它有幫助。您也可以使用自動代替滾動。