Невозможно скрыть вертикальную полосу прокрутки на веб-странице

Question

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

function loadProject(sel) {
    var url = sel[sel.selectedIndex].value;

    if(url) {
        document.getElementById('projectContainer').innerHTML = '<' + 'object id="foo" name="foo" type="text/html" data="'+url+'"><\/object>';
    } else {
        document.getElementById('projectContainer').innerHTML = "Please select a project.";
    }
}

И у меня есть тег div внутри HTML с идентификатором projectContainer. Это работает, за исключением того факта, что вертикальная полоса прокрутки всегда отображается независимо от того, что я делаю, чтобы удалить ее. (Так не должно быть - даже если я ничего не помещаю в объект, вертикальная черта все равно отображается.) Я попытался отредактировать CSS следующим образом:

object {
    width: 100%; 
    border: none;
    overflow: hidden;
}

но это не то, что я ищу. Какие-либо предложения? Спасибо.

Answer 1

Использование <object> является новым для меня, но очень похоже на iframe, я полагаю: это означает, что существует тело документа, отдельное от окружающего документа.

Вам необходимо объявить overflow: hidden для body внутри документа, который вы встраиваете.

Answer 2

сделать переполнение: авто; это работает!

Answer 3

overflow: hidden не будет работать для содержимого внутри iframe / frame / object. Вам нужно будет отредактировать CSS отображаемых страниц в теге объекта. Кроме того, я рекомендую вам НЕ делать этого , так как вы не знаете, если мой браузер по умолчанию настроен на принудительное отображение большого текста из-за плохого зрения или чего-то подобного, что сделало бы полосу прокрутки непригодной для использования / скрыто от меня, мешая удобству использования. Только не делай то, что ты пытаешься сделать.