默认滚动条位置

我正在构建一个聊天应用程序，其中需要滚动条位于页面加载时的聊天窗口底部（最后一条消息）。默认滚动条位置

我该如何做到这一点（使用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

默认滚动条位置

回答

相关问题