Question

我正在使用bootstrap创建一个网站，我在bootstrap和j查询中是新的，页面中存在滚动问题，所以我使用隐藏在正文部分的溢出，但这是创建一个新的问题，我的画廊页面现在没有滚动，我想只溢出隐藏的特定页面，当我在这个滚动时添加一个小图片，这里是html代码

      @{
    ViewBag.Title = "Index";
     }
      <br />


      <div class="container-fluid">

    <div class="row">
        <div class="col-lg-12" >
            <img src="~/images/bluetop.png" class="img-responsive" style="width:100%;height:75px" />

        </div>
    </div>
    </div>
<div class="container">

    <div class="row">
        <div class="col-sm-4">
            <div class="thumbnail">
                <img src="~/images/slider4.jpg" class="img-responsive" alt="Muneeb Ali" style="width:200px;height:200px"> 



                </div>
            </div>
        </div>
        <div class="col-sm-4">
            <div class="thumbnail">
                <img src="~/images/xpr2.jpg" class="img-responsive" alt="Muneeb" style="width:200px;height:200px">
                <div class="caption">


                </div>
            </div>
        </div>
        <div class="col-sm-4">
            <div class="thumbnail">
                <img src="~/images/xpr.jpg" class="img-responsive" alt="Muneeb" style="width:200px;height:200px">
                <div class="caption">


                </div>
            </div>
        </div>
    </div>

    </div>

    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-12">
         <img src="~/images/bluebottom.png" class="img-responsive"                        style="width:100%;height:auto" />

            </div>
        </div>

    </div>

当我添加最后一个类容器类时，会出现此问题。这是css文件

 enter code here
     body {
    padding-top: 50px;


}

.body-content {
    overflow:hidden;



}

input,
select,
textarea {
    max-width: 280px;
}





.navbar-fixed-top .nav {
    padding: 10px;
}

Answer 1

因此，我正在查看您的代码，但您似乎没有这个类＆＃34;正文内容＆＃34;在HTML内。要使select div有一个滚动条，您可以通过它的ID / Class选择它，然后您将指定＆＃34; overflow-y：scroll;＆＃34;或者＆＃34;溢出-z：滚动;＆＃34;。我个人说要删除该课程并将其应用于正确的班级。

Answer 2

我有解决方案。

在您想要隐藏溢出的页面的 html 上：

<html style='overflow: hidden !important;'>
</html>

在 css 上做：

html,
body {
 
    overflow: auto;
   
}

使滚动溢出只隐藏一页？

2 个答案: