Не удается удалить полосу прокрутки области прокрутки в начальной загрузке

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>

Поскольку у меня есть прокрутки-зона, я не могу сделать это скрыть-см, потому что это удаляет всю область прокрутки, и я хочу, чтобы удалить только полосу прокрутки .Там в любом случае? Спасибо. Я использую бутстрап.

После вставлено это мой код, как в ответ ниже:

<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. Существует четкое объяснение того, как браузеры работают с полосами прокрутки и как мы можем скрыть их в кросс-браузерном подходе к совместимости. В случае, если мое решение не работает, я почти уверен, что вы найдете свое решение по поводу ссылки.