Javascript 滚动到底部不工作

Javascript 滚动到底部不工作,javascript,jquery,Javascript,Jquery,需要帮助,为什么我的scrolltop无法处理此问题 我不知道为什么..使用代码一切正常。但是在scrolltop上更新css不起作用。:(我应该怎么做才能解决这个问题?这个问题是由我的css风格引起的吗? 我使用了这个,但它不会在div的底部滚动 $(document).ready(function() { alert('scroll must happen'); $('#message_container').scrollTop($('#message_container')

需要帮助,为什么我的scrolltop无法处理此问题 我不知道为什么..使用代码一切正常。但是在scrolltop上更新css不起作用。:(我应该怎么做才能解决这个问题?这个问题是由我的css风格引起的吗? 我使用了这个,但它不会在div的底部滚动

$(document).ready(function() {
    alert('scroll must happen');
    $('#message_container').scrollTop($('#message_container')[0].scrollHeight);
    $('.topbox').html('just sample');
});

没有出现可见的滚动,因为您尝试滚动的元素没有溢出;它已全部显示。滚动条用于
元素,而不是您尝试滚动的

如果您给
#message_container
一个高度,例如

#消息_容器{高度:100px;}
或者,使用绝对定位技巧,例如在中。(初始的“撤消”CSS,我使用它来保持代码简短。)

#容器#头#体#脚{
位置:绝对位置;
顶部:0;左侧:0;右侧:0;底部:0;
}
#头{
底部:首字母;
高度:50px;
}
/*定位,使其达到您所需的尺寸*/
#身体{
顶部:50px;
底部:50px;
溢出y:滚动;
}
#脚{
顶部:首字母;
高度:50px;
}

您必须设置两件事:

  • div溢出
  • 有些高度,甚至是百分之一(使它更灵活)
  • 如果您没有在所有位置设置任何高度,div将展开,然后没有任何内容可滚动,在这种情况下,您得到的唯一滚动条是文档本身(正文)

    我在CSS中添加了一个height和overflow属性,现在它可以正常工作了

    CSS添加了:

    #message_container {
     overflow-y:auto;
     overflow-x:hidden;
     height:300px;
    }
    

    我更新了链接。我添加了一些文本来显示溢出,但仍然不起作用。
    overflow-y
    明确说明了当元素在y轴溢出时应该发生什么,但是我t不告诉元素何时溢出。何时溢出由高度/宽度限制控制,例如高度/宽度本身,或其他阻止元素增长的位置;此类示例包括顶部和底部设置的绝对位置。谢谢。但我可以在#message_容器上给出100px的高度我想让高度灵活。但是每一条出现的消息都应该把焦点放在div的底部。嗯……保罗……我只是想问一下……因为在iphone上头部被弄乱了。我在页脚上有一个文本输入。一旦你键入并单击“发送”,头部就会转到页面的中心。。