Question

我在html＆amp;中创建了这个页面。 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，因为这会删除所有滚动区域，我只想删除滚动条。有什么办法吗？谢谢。我正在使用bootstrap。

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

<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。有一个关于浏览器如何使用滚动条的清晰解释，以及如何在跨浏览器兼容性方法中隐藏它们。如果我的解决方案不起作用，我几乎可以肯定你会在链接说明中找到你的解决方案。

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

2 个答案: