Twitter bootstrap 增加引导模式的正确方法';s高度
我正试图找到一种提高引导模式高度的解决方法。我确实在模态体中尝试了最大修复方式,但如果模态体过大,这只会切断模态。我试图找到一种方法,让它像情态动词在pinterest上的工作方式一样工作 当模式打开时,我已经禁用了主页体滚动。但是我在调整尺寸方面遇到了麻烦 有人对此有什么解决办法吗 我尝试将高度添加到modal(高度:95%)和modal_body(最大高度:75%),内容溢出父div(modal) 我附上了一个截图来演示同样的情况 更新Twitter bootstrap 增加引导模式的正确方法';s高度,twitter-bootstrap,Twitter Bootstrap,我正试图找到一种提高引导模式高度的解决方法。我确实在模态体中尝试了最大修复方式,但如果模态体过大,这只会切断模态。我试图找到一种方法,让它像情态动词在pinterest上的工作方式一样工作 当模式打开时,我已经禁用了主页体滚动。但是我在调整尺寸方面遇到了麻烦 有人对此有什么解决办法吗 我尝试将高度添加到modal(高度:95%)和modal_body(最大高度:75%),内容溢出父div(modal) 我附上了一个截图来演示同样的情况 更新 我最终用pintrest属性创建了自己的模态。这个问
我最终用pintrest属性创建了自己的模态。这个问题帮了我很多忙引导模式在
位置打开:固定
。这样,无论u滚动多少次,它都将始终保持在同一位置。所以你可能看不到其中的一部分。如果要查看模态的其余部分,需要将其设置为position:absolute
。但问题是它总是会出现在页面的顶部。但是如果你想知道的话,我有一个解决办法,使用CSS对我来说效果很好:
.my-modal {
width:600px;
height:300px;
.modal-header {
background-color:#ccc;
button {
font-size:30px;
}
}
.modal-body {
overflow-y: hidden;
height: 100%;
max-height:190px;
}
}
更新:我看了你的小提琴。尝试将“高度”添加到模态中。尝试使用此js计算模态高度:
$(document).ready(function() {
$(".showcomments").click(function() {
$('#myModal').modal('show');
rescale();
});
$("[rel=tooltip]").tooltip();
});
function rescale(){
var size = {width: $(window).width() , height: $(window).height() }
/*CALCULATE SIZE*/
var offset = 20;
var offsetBody = 150;
$('#myModal').css('height', size.height - offset );
$('.modal-body').css('height', size.height - (offset + offsetBody));
$('#myModal').css('top', 0);
}
$(window).bind("resize", rescale);
测试:请添加您代码的jsfiddle.net演示。以下是代码是的,我很乐意:),我仍然无法解决此问题。您是否使用绝对位置?位置:已修复;对于模态和位置:相对;对于modal body,我尝试了position:absolute,但是正如你所说,它将我的页面从背景带到顶部,但是现在我注意到position:fixed正在为我做一些事情。它把背景页转到topokay我会试试,但是把我送回背景问题页面的顶部怎么样?是的,但这不会增加我的模态的大小到我想要的大小。使高度100%没有顶部偏移,50点是你的:)这似乎是一个很好的方法。但我最终用它作为指导来制作自己的模态。