1
我的网站上有一段图片,当我点击图片时,窗口大小模态对话框打开。但问题是我的模态上有两个垂直滚动条而我只想要显示一个。 已经尝试了其他堆栈解决方案,但他们都没有为我工作。引导模式对话框上的双垂直滚动条
下面是模式的截图:
这里是编码:
html,
body {
background: url(../img/stars-bg.jpg) no-repeat fixed;
background-size: cover;
transform-style: preserve-3d;
overflow-x: hidden;
}
/*Portfolio css*/
section h2 {
margin: 0;
font-size: 3em;
color: #e59390;
}
hr.star-primary {
border-color: #e59390;
}
#portfolio img {
vertical-align: middle;
width: 100%;
}
#portfolio .portfolio-item .portfolio-link .caption {
background: #E0C6C5;
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
transition: all ease .5s;
-webkit-transition: all ease .5s;
-moz-transition: all ease .5s;
}
#portfolio .portfolio-item .portfolio-link .caption:hover {
opacity: 0.9;
}
.portfolio-modal .modal-content h2 {
margin: 0;
font-size: 3em;
color: #e59390;
}
.portfolio-modal strong > a {
color: #e59390;
}
.portfolio-modal button.btn-default {
background-color: #e59390;
color: #fff;
border-color: #e59390;
}
.portfolio-modal button.btn-default:hover {
background-color: #896981;
color: #fff;
border-color: #896981;
}
<div class="portfolio-modal modal fade" id="portfolioModal15" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="modal-body">
<h2>Coming soon</h2>
<hr class="star-primary">
<img src="img/portfolio/coming_soon11.png" class="img-responsive img-centered" alt="">
<p>Currently in progress ...</p>
<ul class="list-inline item-details">
<li>Client:
<strong><a href="http://startbootstrap.com">None</a>
</strong>
</li>
<li>Date:
<strong><a href="http://startbootstrap.com">None</a>
</strong>
</li>
<li>Service:
<strong><a href="http://startbootstrap.com">None</a>
</strong>
</li>
</ul>
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
请帮助我。谢谢!
嘿!谢谢你的回应:)但删除这个保留风格的属性后,它仍然显示我双滚动。而且我也不想用按钮触发我的模态。 @Jyoti Pathania –
您可以通过点击任何元素来触发模式,我仅用于演示目的的按钮。你可以在代码编辑器(codepen,jsfiddle)中分享你的代码。 –
你走了... https://jsfiddle.net/#&togetherjs=EJ9KqMFqwb @Jyoti Pathani –