如何在不隐藏内容的情况下删除双倍 y 滚动？

Question

在 laravel 5.8 / bootstrap 4.1 应用程序中，我有双倍滚动的页面：https://prnt.sc/10jf83i 我尝试删除页面的滚动（内部滚动）

在 app/views/layout/member.blade.php 我有 :

  <body>
    @include('elements.member_header')
    @yield('content')
    @include('elements.member_footer')
    <script> public(); </script>
    @yield('scripts')
  </body>

并在页面中。blade.php :

@extends('layout.app')
@section('title', $title)
@section('description', $description)
@section('content')
<div class="member-wrapper" id="member-content">
    @include('elements.member_sidebar')
    <div class="content-wrapper">
        <div class="single-page">
            <div class="pages-heading">
                <h2>@lang('member.profile')</h2>
            </div>

如果我尝试用定义来缓解：

然后隐藏页面底部，以防页面动态内容高度过大

有什么办法可以解决吗？

谢谢！

Answer 1

我会将内容包装器设置为没有高度限制。

我无法从您的代码中看出它是如何受到限制的，但我认为将高度和最大高度设置为自动应该可行。

根据现有规则的特殊性，您可能需要使用 !important 来覆盖。

.content-wrapper{
   height:auto !important;
   max-height:none !important;
}

编辑：

我刚刚检查并注意到您只需要删除或覆盖 .member-wrapper

中的高度

.member-wrapper {
   height: auto;
}

如何在不隐藏内容的情况下删除双倍 y 滚动？

How to remove doubled y-scrolling without content hidden?

css

twitter-bootstrap

laravel-blade

编辑：