js控制滾動條默認在底部


html:

<div id="chat_content" class="chat_content">
                    <div class="middle_head">
                        <div class="blue_img"></div>
                        <span>查看更多消息</span>
                    </div>
                    <div class="store_products">
                        <img src="img/2015.jpg" />
                        <div>
                            <p>商品編號:</p>
                            <p>商品名稱:樂視超級電視S50 Air 全配版 50英寸2D智能LED黑色(Letv S50 Air)</p>
                        </div>
                    </div>
                    <div class="person1">
                        <p>測試小店客服</p>
                        <img src="img/04.png" />
                        <div class="chat_box">
                            <div class="chat1">
                                樂視TV什么時候發貨,重慶提供安裝服務嗎? 樂視TV什么時候發貨,重慶提供安裝服務嗎? 樂視TV什么時候發貨,重慶提供安裝服務嗎? 樂視TV什么時候發貨,重慶提供安裝服務嗎? 樂視TV什么時候發貨,重慶提供安裝服務嗎? 樂視TV什么時候發貨,重慶提供安裝服務嗎? 樂視TV什么時候發貨,重慶提供安裝服務嗎?
                            </div>
                        </div>
                    </div>
                    <div class="person2">
                        <p>戴爾官方直營店</p>
                        <img src="img/03.png" />
                        <div class="chat_box2">
                            <div class="chat2">
                                樂視超級電視S50 Air 全配版 50英寸2D智能LED黑色(Letv S50 Air) 樂視TV什么時候發貨,重慶提供安裝服務嗎?樂視TV什么時候發貨,重慶提供安裝服務嗎? 樂視超級電視S50 Air 全配版 50英寸2D智能LED黑色(Letv S50 Air) 樂視TV什么時候發貨,重慶提供安裝服務嗎?樂視TV什么時候發貨,重慶提供安裝服務嗎? 樂視超級電視S50 Air 全配版 50英寸2D智能LED黑色(Letv S50 Air) 樂視TV什么時候發貨,重慶提供安裝服務嗎?樂視TV什么時候發貨,重慶提供安裝服務嗎?
                            </div>
                        </div>
                    </div>
                    
                    <div class="person1">
                        <p>測</p>
                        <img src="img/04.png" />
                        <div class="chat_box">
                            <div class="chat1">樂?</div>
                        </div>
                    </div>
                    <div class="person1">
                        <p>測試小店客服dgbawvrbhrwaet</p>
                        <img src="img/04.png" />
                        <div class="chat_box">
                            <div class="chat1">樂視TV什么時候發貨,重慶提供安裝服務嗎?</div>
                        </div>
                    </div>
                    <div class="person2">
                        <p>戴爾官方直營店</p>
                        <img src="img/03.png" />
                        <div class="chat_box2">
                            <div class="chat2">
                                樂視超級電視S50 Air 全配版 50英寸2D智能LED黑色(Letv S50 Air) 樂視TV什么時候發貨,重慶提供安裝服務嗎?樂視TV什么時候發貨,重慶提供安裝服務嗎?
                            </div>
                        </div>
                    </div>
                    <div class="person2">
                        <p>戴爾官方直營店</p>
                        <img src="img/03.png" />
                        <div class="chat_box2">
                            <div class="chat2">
                                嗎?</div>
                        </div>
                    </div>
                    <div class="person2">
                        <p>戴店</p>
                        <img src="img/03.png" />
                        <div class="chat_box2">
                            <div class="chat2">
                                樂?</div>
                        </div>
                    </div>
                    <div class="chat_time">
                        <p class="center gray">2017-02-03 17:50:20</p>
                        <p class="center gray">上次聊到這里</p>
                        <p class="center currentmsg">您好,<span class="current">測試小店</span> 客服很高興為您服務!</p>
                        <p class="center gray">09:36</p>
                    </div>
                    <div class="person3">
                        <p>戴爾官方直營店</p>
                        <div class="chat_box3">
                            <img src="img/2017.jpg" />
                            <div>
                                樂視超級電視S50 Air 全配版 50英寸2D智能LED黑色(Letv S50 Air)
                                <span class="red">10.00</span>
                            </div>
                        </div>
                    </div>
                </div>

CSS:

  .chat_content {
      overflow-x: hidden;
      position: relative;
      height: 363px;
  }

JS:

  $(document).ready(function(){
          $('.chat_content').scrollTop($('.chat_content')[0].scrollHeight);
     })

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM