在modal中滚动查看javascript
我有一个模态,其中有oveflow-y,标题是静态的,我想在模态中向下滚动到特定的文本,但问题是滚动是通过主体完成的,而模态的滚动条不移动 这是我的密码: javascript分别是css和html在modal中滚动查看javascript,javascript,html,css,Javascript,Html,Css,我有一个模态,其中有oveflow-y,标题是静态的,我想在模态中向下滚动到特定的文本,但问题是滚动是通过主体完成的,而模态的滚动条不移动 这是我的密码: javascript分别是css和html setTimeout(函数(){ $(“#理论"模式"正文”).html(正文"html); var height_overflow=$(this).offset().top; var final_offset=$(“.highlighted:first”).offset().top- 溢流高度;
setTimeout(函数(){
$(“#理论"模式"正文”).html(正文"html);
var height_overflow=$(this).offset().top;
var final_offset=$(“.highlighted:first”).offset().top-
溢流高度;
$(“#理论模式”)。动画({
scrollTop:最终偏移量
}, 2000);
}, 3000);
});代码>
。模态体{
最大高度:计算(100vh-1px);
溢出y:自动;
}
判断
引用
引用
法院副本
下载
您必须为添加固定高度。模态体
-溢出-y:自动代码>然后将模式对话框
溢出值添加到初始值
1) 。试试这个,使模态体可滚动
.modal-dialog{
overflow-y: initial !important
}
.modal-body{
overflow-y: auto;
height:250px;
}
2) 。使用javascript滚动到div元素
$( document ).ready(function() {
$('.modal-body').animate({
scrollTop: $("#name").attr('topheight')
}, 1000);
});
<div id="name" topheight="700"></div>
$(文档).ready(函数(){
$('.modal body')。设置动画({
scrollTop:$(“#名称”).attr('topheight'))
}, 1000);
});
如果您有任何问题,请在下面发表评论?因此您希望滚动到模态窗口内的元素,对吗?是,使用模态的滚动条,而不是body@LakshmanKambamplease提供一个工作代码,其中一个允许重现您的问题。尝试运行您的代码段。让我也添加JSFIDLE链接!等等..当然,请加上它我已经做了很多基本上我的模态和主体(即背景)都有滚动条,当脚本运行时,它滚动主体滚动条我想滚动模态滚动条感谢帮助我可以为你的代码工作JSFIDLE链接吗?你提到了$(“#理论"模态"体”).html(体"html);在正文中,你们已经给出了id=“理论模态标题”-纠正这个。。。body_html变量在哪里..我不明白它是这样的,但在这个滚动不起作用,它是这样的,但在这个滚动不起作用