默認滾動條位置

我正在構建一個聊天應用程序，其中需要滾動條位於頁面加載時的聊天窗口底部（最後一條消息）。默認滾動條位置

我該如何做到這一點（使用jQuery或其他）？

下面是聊天窗口的div：

<div id="ccwindow"> 

     <div class="bubble me">Hey!</div> 
     <div class="bubble you">Hello</div> 
     <div class="bubble me">I saw your post. Want to buy the book. Are you an XYZ University?</div> 
     <div class="bubble you">Yes, sophomore year.</div> 
     <div class="bubble me">Great!</div> 
     <div class="bubble you">I'll buy it. Can you get it to school tomorrow?</div> 
     <div class="bubble me">Sure. See you tomorrow!</div> 

</div>

來源

2015-06-22 Harsh Gupta

[Scroll to div底部加載頁面（jQuery）]的可能重複（http://stackoverflow.com/questions/10503606/scroll-to-bottom-of-div-on-page-load-jquery） –

@Sagar我認爲他想重新定位滾動條，而不是滾動到底部 – chris97ong

@ chris97ong我明白他需要滾動條的位置在頁面的底部從這一行加載「我需要滾動條在頁面加載時位於聊天窗口的底部「。 pl糾正我，如果我錯了。 –

在這裏你去：http://jsfiddle.net/vtep7Lf1/

$("document").ready(function() { 
    $("#ccwindow").animate({ scrollTop: $("#ccwindow").height() }, "slow"); 
    return false; 
});

來源

2015-06-22 13:21:59 JBux

工程就像一個魅力！謝了哥們！ –

你也可以使用此：

注：

使用.load而不是.ready會將圖像考慮在內。

來源

2015-06-22 13:25:38 NightOwlPrgmr

默認滾動條位置

回答

相關問題