jQuery scrollTop 不适用于具有高度和滚动条的 HTML 元素
jQuery scrollTop not working for a HTML element with height and scroll bar
所以我有流动的HTML:
<div class="textconvo col-md-10 col-md-offset-1">
<div class="row sender">
<div class="col-sm-3">
Heather Harris
</div>
<div class="col-sm-6">
sun
</div>
<div class="col-sm-2">
11/21/2014 6:58 PM
</div>
</div>
<div class="row">
<div class="col-sm-3">
robert
</div>
<div class="col-sm-6">
dfgdfgdfgdfg
</div>
<div class="col-sm-2">
11/21/2014 8:31 PM
</div>
</div>
<div class="row">
<div class="col-sm-3">
robert
</div>
<div class="col-sm-6">
assdfsdfsdf
</div>
<div class="col-sm-2">
11/21/2014 8:57 PM
</div>
</div>
<div class="row">
<div class="col-sm-3">
robert
</div>
<div class="col-sm-6">
sdfsdfsdf
</div>
<div class="col-sm-2">
11/21/2014 8:58 PM
</div>
</div>
<div class="row">
<div class="col-sm-3">
robert
</div>
<div class="col-sm-6">
sdfsdfsdf
</div>
<div class="col-sm-2">
11/21/2014 8:58 PM
</div>
</div>
<div class="row">
<div class="col-sm-3">
robert
</div>
<div class="col-sm-6">
sdfsdfsdfsdf
</div>
<div class="col-sm-2">
11/21/2014 8:58 PM
</div>
</div>
<div class="row">
<div class="col-sm-3">
robert
</div>
<div class="col-sm-6">
sdfsdfsdf
</div>
<div class="col-sm-2">
11/21/2014 8:58 PM
</div>
</div>
<div class="row">
<div class="col-sm-3">
robert
</div>
<div class="col-sm-6">
sdsdf
</div>
<div class="col-sm-2">
11/21/2014 9:06 PM
</div>
</div>
<div class="row">
<div class="col-sm-3">
robert
</div>
<div class="col-sm-6">
sdfsdfsdf
</div>
<div class="col-sm-2">
11/21/2014 9:06 PM
</div>
</div>
<div class="row">
<div class="col-sm-3">
robert
</div>
<div class="col-sm-6">
fdgdfgdfg
</div>
<div class="col-sm-2">
11/21/2014 9:31 PM
</div>
</div>
<div style="display: none;" id="newMessagePlaceHolder-3665048123427363225"></div>
</div>
而这个 CSS:
.textconvo
{
overflow-y: scroll;
-ms-overflow-y: scroll;
height: 300px;
}
这个jQuery调用了document.ready:
$('.textconvo').each(function () {
$(this).scrollTop($(this)[0].scrollHeight); //scrollHeight = 0
$(this).scrollTop(500); //this doesn't work either
});
我之前在其他应用程序中做过这个 scrollTop,它已经奏效了,div.textconvo 在 DOM 中。
有什么建议吗?
刚刚测试了您的代码并且可以正常工作,也许您没有像$
那样加载 jQuery。
在这里查看 JSFiddle.
相关文章:
- 滚动所有嵌套的滚动条,使HTML元素进入视图
- html表格的浮动水平滚动条
- 如何在不使用滚动条的情况下将html页面放入弹出窗口(对话框)
- 如何强制HTML页面具有水平滚动条
- JavaScript-HTML<选择>单击滚动条的向下按钮时触发的onclick事件
- HTML,Javascript - 拆分比iFrame宽的单词,而不是生成滚动条
- 在不使用滚动条的情况下在巨大的 html 页面周围移动浏览器视图
- HTML 将滚动条附加到模式内容
- jQuery scrollTop 不适用于具有高度和滚动条的 HTML 元素
- 如何使html滚动条从底部开始
- 阻止HTML滚动在元素内部滚动时,不隐藏滚动条
- 除非需要滚动条,否则会粘在浏览器底部的HTML页脚
- 不带滚动条的DIV[HTML|CSS|JavaScript]
- 滚动条在使用$selector.html()更新内容后重置
- HTML Object元素和滚动条问题
- 当鼠标位于子可滚动HTML元素上时,如何使用鼠标滚轮移动父滚动条
- 无法在html中添加垂直滚动条
- 如何在HTML/CSS动态页面中避免滚动条的偏移
- 删除左侧滚动条html
- 我无法在html前端获得水平滚动条