用于删除灯箱联系表单的滚动条的 css答案

【问题标题】：css for remove scroll bar for lightbox contact form用于删除灯箱联系表单的滚动条的 css
【发布时间】：2014-07-31 16:36:17
【问题描述】：

您好，这是我的代码，

<!DOCTYPE html>
<html>
<head>
 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
 <script src="http://www.jacklmoore.com/colorbox/jquery.colorbox.js" type="text/javascript" ></script>

    <link rel="stylesheet" href="http://www.jacklmoore.com/colorbox/example4/colorbox.css" type="text/css" media="screen"/>
<script type="text/javascript">
$(document).ready(function () {
    $("#test").click(function () { //on clicking the link above
        $(this).colorbox({iframe:true, width:"80%", height:"80%"});
    });
});
</script>
</head>
<body>
<h3>External Form</h3>
<a href="https://dev88.wufoo.com/forms/ze7xusq0j2tum9/" id="test">Please fill out my form.</a>
</body>
</html>

它工作正常，就像灯箱弹出一样。现在我需要当表单显示时，滚动条应该被删除，我的代码怎么可能？

请帮帮我？

【问题讨论】：

增加 iframe 的宽度和/或高度....
你们有现场直播吗？
Colorbox Lightbox - Remove Vertical Scrollbar of an IFrame 的可能重复项

标签： javascript jquery html css

【解决方案1】：

试试这个

像这样在body标签上设置overflow: hidden;：

<style type="text/css"> 
    body {
        overflow:hidden; 
    } 
</style>

【讨论】：

可能是这样的然后$(this).colorbox({iframe:true, width:"80%", height:"80%", "overflow-y": "hidden"});隐藏垂直滚动条（y）
请创建一个 jsfiddle。
stackoverflow.com/questions/13037674/colorbox-scrollbars - 可能的解决方案
stackoverflow.com/questions/5527663/… -> 那里似乎有很多解决方案。只需搜索并尝试一两个。