打开Modal后,不能自动滚动到底部。

发布于 2022-09-12 02:24:54 字数 774 浏览 14 评论 0

用的是bootstrap 的模态框,在modal-body 中构建了一个 ul 标签,id为contentUL ;可局部滚动,

用 $('#testModal').modal("show")显示modal后,document.getElementById("contentUl").scrollHeight 的高度为0;

但是监听是可以获取到高度的(必须得滚动触发一下)

$(function(){
             $("#contentUl").scroll(function(){
                 if(tempH && this.scrollTop + this.clientHeight < this.scrollHeight){
                    console.log("未到达底部");
                    console.log(document.getElementById("contentUl").scrollHeight)
                } 
                console.log("滚动条高度:" + this.scrollTop + " | 当前内容高度:" + this.clientHeight+ " | 总高度:" + this.scrollHeight);
            }) 
}) 

其他操作也是可以获取到内容高度的。

是不是可以理解为  刚打开Modal时,Dom还没有被渲染????

该怎么实现一打开modal 就直接跳转至底部呢

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文