个人中心
gpt4 book ai didi

javascript - 自动滚动 div 不起作用

转载 作者：行者123 更新时间：2023-11-29 14:42:26 25 4
gpt4 key购买 nike

<分区>

我可能想让一个 div 在加载内容时自动滚动到页面底部，但它实际上不会滚动 这是我在 jquery 上的代码:

function auto_scrollmes(){
    //undefined ang scrollheight.
    var div = $(".convo_mes").scrollHeight;
    alert(div);
    div.scrollTop = div.scrollHeight;
}

当我试图提醒 div 它提醒未定义。这是我的 css 中的内容:

#convo_mes{
text-align:left;
width:98%;
height:80%;
}

.convo_mes{
text-align:left;
width:100%;
height:100%;
background:#fff;
border:1px solid #000;
overflow-x:hidden;
overflow-y:auto;
 }

实际上，当我点击一条消息时，消息的内容将加载到类为 convo_mes 的 div 中:

$(".mes").click(function(){
    var user = $(this).attr("id");      
    $("#convo").html("<b>"+user+"</b>");
    $("#convo_ctrl").show();
    $(".send_to").attr("id",user);
    $(".convo_mes").html("Loading conversation <img width='15' height='15' src='./img/load.gif'>");

    $.post("./php/view_msg.php",{friend:user},function(view_msg){
        $("#"+user).html(user+" "+view_msg);
    });

    setTimeout(function(){get_convo()},2000);
    setTimeout(function(){auto_scrollmes()},3000);

});

我什么都试过了，下面是我的 HTML 代码:

<div id="convo_mes">
<div class="convo_mes">

</div>
</div>

我检查了控制台，它显示了“global.js:24 Uncaught TypeError: Cannot read property 'scrollHeight' of undefined”错误，global.js 中的第 24 行是 div.scrollTop = div.scrollHeight;

25 4 0
文章推荐： javascript - 在 Bootstrap 4 和 React 中使用模块化 CSS
文章推荐： android - 在android中动态添加图库图片
文章推荐： android - 旋转屏幕时如何保持android搜索对话框？
文章推荐： javascript - 使用 curry 递增一个值，直到它等于另一个值
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com