Как сделать window.open без прокрутки в Google Chrome

Следующий код открывает новое окно без прокрутки в Firefox, IE и Opera.

    var options = {
        height: 300, // sets the height in pixels of the window.
        width: 300, // sets the width in pixels of the window.
        toolbar: 0, // determines whether a toolbar (includes the forward and back buttons) is displayed {1 (YES) or 0 (NO)}.
        scrollbars: 0, // determines whether scrollbars appear on the window {1 (YES) or 0 (NO)}.
        status: 0, // whether a status line appears at the bottom of the window {1 (YES) or 0 (NO)}.
        resizable: 1, // whether the window can be resized {1 (YES) or 0 (NO)}. Can also be overloaded using resizable.
        left: 0, // left position when the window appears.
        top: 0, // top position when the window appears.
        center: 0, // should we center the window? {1 (YES) or 0 (NO)}. overrides top and left
        createnew: 0, // should we create a new window for each occurance {1 (YES) or 0 (NO)}.
        location: 0, // determines whether the address bar is displayed {1 (YES) or 0 (NO)}.
        menubar: 0 // determines whether the menu bar is displayed {1 (YES) or 0 (NO)}.
    };

    var parameters = "location=" + options.location +
                     ",menubar=" + options.menubar +
                     ",height=" + options.height +
                     ",width=" + options.width +
                     ",toolbar=" + options.toolbar +
                     ",scrollbars=" + options.scrollbars +
                     ",status=" + options.status +
                     ",resizable=" + options.resizable +
                     ",left=" + options.left +
                     ",screenX=" + options.left +
                     ",top=" + options.top +
                     ",screenY=" + options.top;

    // target url
    var target = 'some url'  

    popup = window.open(target, 'popup', parameters);

В Google Chrome новое окно по-прежнему имеет полосы прокрутки. Любые идеи, чтобы заставить его работать?

Ответы

Ответ 1

Этот стиль должен сделать трюк, добавить его в документ открытого окна:


body{ overflow-x:hidden;overflow-y:hidden; }

Ответ 2

Вы не должны удалять полосы прокрутки. Если у меня есть настройки шрифта безумно большие и не знаю других способов прокрутки, кроме прокрутки, я не смогу реально просмотреть содержимое всплывающего окна. То же самое касается overflow: hidden. Просто не делайте этого, так как нет способа убедиться, что содержимое страницы будет соответствовать точному размеру. Полосы прокрутки не отображаются по умолчанию, если страница не переполнена, поэтому ваша проблема, скорее всего, будет слишком мала для вашей страницы, которую вы загружаете в нее. Кроме того, большинство людей ненавидят всплывающие окна, поэтому вы можете попытаться использовать менее навязчивый подход, например, небольшую, но изобильно окрашенную коробку, чтобы привлечь внимание пользователя.

Ответ 3

Google Chrome предоставляет дополнительную милю для пользователей , автоматически захватывая множество всплывающих окон и подавляя их в область уведомлений в нижнем правом углу браузера, предоставляя пользователю возможность их запуска вручную или нет. Кроме того, Google регулярно обновляет браузеры, и если ваше всплывающее окно не будет захвачено Chrome, оно может быть в будущем.

Также многие инструменты в системах в настоящее время предотвращают или блокируют всплывающие окна, поэтому параметры против вашего всплывающего окна на многих уровнях.

Рекомендации

Рекомендуется высмеять всплывающее окно с помощью страницы DOM (например, с помощью стиля DIV, который будет выглядеть как всплывающее окно). Многие сайты перемещаются таким образом, чтобы пройти мимо блокировщиков всплывающих окон.

В Интернете много примеров. Например с использованием JavaScript для создания всплывающего окна, с помощью jQuery API для создания popup jQuery - это уровень JavaScript поверх JavaScript и даст вам некоторые неявные функции совместимости с кросс-браузером.

У вас будет возможность прокручиваться во всплывающем всплывающем меню с помощью CSS

div {
width:150px;
height:150px;
overflow:scroll;
/* etc... */
}

или подавить его overflow:hidden;

Ответ 4

У него есть полосы прокрутки, потому что им нужны полосы прокрутки. Ваш контент может быть слишком большим для отображения без полос прокрутки. Рассмотрим обертывание его в элементе (например, div) со стилем = "переполнение: скрытое".