Скрыть вертикальную полосу прокрутки браузера

Я использую ngDialog для всплывающих окон. Я пытаюсь сделать диалоговое окно максимально высоким. Но в какой-то момент он вызывает вертикальную полосу прокрутки в окне браузера. Я прикрепляю изображение, которое иллюстрирует это. Я пробовал переполнение: скрытый на элементе html, на элементе body - ничего не помогает. Дайте мне идеи о том, пожалуйста. Скрыть вертикальную полосу прокрутки браузера

Я попытался это:

<html ng-app="app" style="height:100%;overflow:auto"> 
<body style="overflow: hidden" scroll="no">

Это не помогло.

Мой ngDialog стиль это:

<style> 
.ngdialog-overlay { 
    padding-top: 0px; 
    padding-bottom: 0px; 
    display:block; 
    width:100%; 
    height:100%; 
    background:#333333; 
    background:rgba(128,128,128,0.8); 
    position:fixed; 
    top:0; 
    left:0; 
    overflow: hidden; 
} 
.ngdialog.dialogcaseeditor .ngdialog-content { 
    width: 95%; 
    padding-top: 5px; 
    overflow: auto; 
}  
</style>

Где-то по дороге я следующее, чтобы сделать диалоговое окно, как высокий, как это возможно:

$dialog.dialog.find('.ngdialog-content').css('height', $window.innerHeight - 50);

Это сделает это красиво поместиться на экране кроме полосы прокрутки в правом нижнем углу.

источник

2015-11-04 Mark

Пожалуйста, поделитесь своим HTML и CSS – ntgCleaner

Кажется, как он отлично работает в IE11, но не в Chrome – Mark

Вот то, что нужно, чтобы решить эту проблему в Chrome:

$dialog.dialog.css('overflow', 'hidden');

источник

2015-11-05 09:58:19 Mark

Скрыть вертикальную полосу прокрутки браузера

ответ

Смежные вопросы