Javascript 滚动到底部不工作
需要帮助,为什么我的scrolltop无法处理此问题 我不知道为什么..使用代码一切正常。但是在scrolltop上更新css不起作用。:(我应该怎么做才能解决这个问题?这个问题是由我的css风格引起的吗? 我使用了这个,但它不会在div的底部滚动Javascript 滚动到底部不工作,javascript,jquery,Javascript,Jquery,需要帮助,为什么我的scrolltop无法处理此问题 我不知道为什么..使用代码一切正常。但是在scrolltop上更新css不起作用。:(我应该怎么做才能解决这个问题?这个问题是由我的css风格引起的吗? 我使用了这个,但它不会在div的底部滚动 $(document).ready(function() { alert('scroll must happen'); $('#message_container').scrollTop($('#message_container')
$(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;
}
您必须设置两件事:
#message_container {
overflow-y:auto;
overflow-x:hidden;
height:300px;
}
我更新了链接。我添加了一些文本来显示溢出,但仍然不起作用。
overflow-y
明确说明了当元素在y轴溢出时应该发生什么,但是我t不告诉元素何时溢出。何时溢出由高度/宽度限制控制,例如高度/宽度本身,或其他阻止元素增长的位置;此类示例包括顶部和底部设置的绝对位置。谢谢。但我可以在#message_容器上给出100px的高度我想让高度灵活。但是每一条出现的消息都应该把焦点放在div的底部。嗯……保罗……我只是想问一下……因为在iphone上头部被弄乱了。我在页脚上有一个文本输入。一旦你键入并单击“发送”,头部就会转到页面的中心。。