无法在引导程序中删除滚动区域的滚动条

Question

我已经在 html 和 css 中创建了这个页面。我在页面内有一个带有滚动条的部分，对于小尺寸，它看起来像这样： enter image description here 我不希望有 2 个滚动条，所以我想删除此部分的小尺寸滚动条。这是我的代码：

<div class="account-left">
  <div class="scroll-area" data-spy="scroll" data-offset="0">
    <div class="section">
      <!--<h1 style="color:black;">{{hais}}</h1>-->
      <div style="text-align: center; background: #eee;">
        <span ng-show="tasklist.options.no_tasks" ng-bind-html="tasklist.options.no_tasks.message"></span>
      </div>
     <ul>
<li >Print smth</li>
<li >Print smth</li>
<li >Print smth</li>
</ul>

      <a class="loadmore" ng-hide="1" href="javascript:void(0)" ng-click="loadMore(loadvalue, activeTab)">Load more</a>

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

因为我有一个滚动区域，我不能让它隐藏sm，因为这会删除所有滚动区域，我只想删除滚动条。有什么办法吗？谢谢。我正在使用引导程序。

将其插入我的代码后，如下面的答案：

<div class="account-left">
  <div style=" width: 100%;
    height: 100%;
    overflow-y: scroll;
    padding-right: 17px;">
    <div class="section">
      //etc the same part of code which is above

我的结果是这样的： enter image description here

但没有滚动

Answer 1

在 css 中试试这个

your_div { overflow-y: hidden; }

Answer 2

.yourdiv {
 overflow-x: hidden;
 overflow-y: scroll;
}

.yourdiv::-webkit-scrollbar {
 display: none;
}

假设您关于 div 和容器的其他样式是正确的，这应该可以工作。

要了解有关此主题的更多信息，请访问link。对浏览器如何使用滚动条以及我们如何以跨浏览器兼容性方法隐藏它们有一个清晰的解释。如果我的解决方案不起作用，我几乎可以肯定您会通过链接说明找到您的解决方案。