Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/444.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 滚动至新添加的可变高度div_Javascript_Jquery_Scroll - Fatal编程技术网

Javascript 滚动至新添加的可变高度div

Javascript 滚动至新添加的可变高度div,javascript,jquery,scroll,Javascript,Jquery,Scroll,我试图弄清楚如何将一个可滚动的div滚动到最近添加的子div的顶部 聊天室的html如下所示 <div class="character-chat-log"> <div class="character-chat-message"><strong>Test 1:</strong> test</div> <div class="character-chat-message"><strong>Test

我试图弄清楚如何将一个可滚动的div滚动到最近添加的子div的顶部

聊天室的html如下所示

<div class="character-chat-log">
    <div class="character-chat-message"><strong>Test 1:</strong> test</div>
    <div class="character-chat-message"><strong>Test 1:</strong> test</div>
    <div class="character-chat-message"><strong>Test 1:</strong> hey</div>
    <div class="character-chat-message"><strong>Test 1:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac dictum est. Ut auctor feugiat lectus, consectetur adipiscing lacus scelerisque eleifend. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed dignissim, tortor sit amet feugiat feugiat, ante urna luctus est, ut varius velit diam sed sem. Etiam ut eleifend risus. Maecenas vulputate arcu ipsum, ut tempus lectus pulvinar non. Donec non tellus sed diam semper tempus et eget eros. Mauris quis auctor lorem, non sodales urna. Ut dui dolor, ultricies sit amet lacinia in, ultrices eu mauris. Donec eros tellus, laoreet sagittis hendrerit id, scelerisque id mi. Praesent fringilla ligula id suscipit malesuada. Vivamus risus magna, lobortis a congue sit amet, consequat eget lorem. Vestibulum imperdiet ultricies rutrum. Donec a blandit enim, nec euismod ante. Phasellus dignissim molestie urna.</div>
</div>

测试1:测试
测试1:测试
测试1:测试1:Lorem ipsum Door sit amet,Concetetur Adipsicing Elite。口头禅。但拍卖人费吉亚·莱克托斯(feugiat lectus)则是一位献祭者。虎口浮雕和肘部浮雕同侧前庭;有尊严的人,有权利的人,有权利的人,有权利的人,有权利的人。埃蒂亚姆·乌特·埃利芬德·里索斯。上睑外翻为同侧弧,上睑下直肌为非下睑下直肌。不要告诉别人你的直径和时间。莫里斯·奎斯·奥勒姆拍卖行,非索达莱斯乌尔纳。我们两个人在一起,他们坐在阿梅特·拉西尼亚家里,他们坐在欧盟的莫里斯家里。Donec eros tellus,laoreet sagittis hendrerit id,scelerisque id mi。白斑舌苔。大教堂万岁,大教堂,大教堂。芸香前庭。做一件和蔼可亲的事,不必担心。第二个是大人物。
目前,我正在尝试滚动至最新“字符聊天信息”的顶部,如下所示:

var newMessage = $(
    '<div class="character-chat-message"><strong>'
    + sender
    + ':</strong> '
    + messageText
    + '</div>').appendTo(_messageBoxes[sender]);
_messageBoxes[sender].scrollTop(newMessage.position());
var newMessage=$(
“”
+寄件人
+“:”
+消息文本
+'')。附录(_messagebox[发送者]);
_MessageBox[sender].scrollTop(newMessage.position());

然而,这当然根本不起作用。

听起来你在做类似的事情


是这样吗?

有小提琴的例子吗?