Como criar barras de rolagem verticais com “window.open()” em JavaScript?

Como Criar Barras De Rolagem Verticais Com Window Open Em Javascript



O “janela.abrir()” O método JavaScript permite que os desenvolvedores acessem outra janela dentro de sua página da web. Esta janela é invocada quando uma ação especificada é executada pelo usuário.

Em suma, a principal funcionalidade do “janela.abrir()” O método é abrir uma nova janela na página principal sem perturbar a interface da página principal. Em alguns cenários, a nova janela é aberta com sucesso, mas a barra de rolagem não aparece, o que causa uma má impressão aos usuários.







Este guia rápido elabora o processo de criação de uma barra de rolagem vertical com um método window.open() em JavaScript.



Como criar barras de rolagem verticais com “window.open()” em JavaScript?

O “janela.abrir()” O método por padrão adiciona uma barra de rolagem vertical dependendo do comprimento do conteúdo da nova página da web e do tamanho da janela aberta. Se o conteúdo da página da web for maior que o tamanho da janela, a barra de rolagem será adicionada por padrão sem aplicar nenhuma propriedade CSS. No entanto, se o desenvolvedor quiser adicionar uma barra de rolagem personalizada, você pode seguir os métodos explicados nos exemplos abaixo.



Sintaxe





A sintaxe para o “janela.abrir()” método é indicado abaixo:

janela. abrir ( caminho , destino , winFeat )

Aqui, 'caminho' é o caminho da página que será aberta em uma nova janela. O 'destino' é o local da nova janela a aparecer, ela pode ser definida como 'em branco' , “pai” , 'auto' ou 'principal'. O terceiro parâmetro é o “winFeat” ou recursos de janela, ele oferece diversos valores que podem ser definidos de acordo com a necessidade de customização da janela.



Vamos dar uma olhada em alguns exemplos para gerar uma barra de rolagem vertical na janela recém-aberta usando o “janela.abrir()” método.

Exemplo: Uso do recurso de janela “barras de rolagem” com o método “window.open()”

Neste caso, o “janela.abrir()” método é usado ao longo do “barras de rolagem” Recursos da janela para definir a barra de rolagem vertical para uma janela recém-aberta, conforme mostrado abaixo:

< cabeça >
< tipo de script = 'texto/javascript' >
função definirScroll ( ) {
era novoWin = janela. abrir ( 'https://linuxhint.com' , 'principal' , 'largura = 500, altura = 500, barras de rolagem = sim' ) ;
}
roteiro >
cabeça >
< corpo >
< p > Pressione o botão abaixo para abrir o Linuxhint Blog no in - janela da tela. p > Clique em mim botão >
corpo >

Explicação do código acima:

  • Primeiro, o “setScroll ()” função é definida dentro do


    Pressione o botão abaixo para abrir o Linuxhint Blog na janela da tela.

    Clique em mim

    Descrição do código acima:

    • Primeiro, crie um “setScroll ()” função, e dentro dela utiliza o “janela.abrir()” método igual ao feito no exemplo acima.
    • Além disso, adicione um recurso de janela extra de “redimensionável” e modifique o valor de “barras de rolagem” recursos para '1' para definir a barra de rolagem vertical.

    Agora, abra o arquivo CSS da página cujo link é fornecido como primeiro parâmetro para o “janela.abrir()” método. No nosso caso, o nome da página da web é 'linuxint' então abra seu arquivo CSS e insira o seguinte código nele:

    < estilo >
    HTML {
    transbordar - x : escondido ;
    transbordar - e : auto ;
    }
    estilo >

    As propriedades CSS acima de “estouro-x” e “transbordamento” oculte a barra de rolagem horizontal e defina a barra de rolagem vertical para toda a página HTML de acordo com o comprimento da janela.

    Depois de inserir e compilar os trechos de código acima em ambos os arquivos, a saída será semelhante a esta:

    A saída mostra que uma barra de rolagem vertical foi adicionada à janela aberta usando o método “window.open()”.

    Conclusão

    Para criar barras de rolagem verticais com o “janela.abrir()” método, o “barras de rolagem” recurso fornecido pela janela pode ser definido como 'sim' ou '1' . Outra forma é abrir o arquivo CSS ou HTML da página cujo link é passado como primeiro parâmetro no método “window.open()” e aí utilizar o CSS “estouro-x” e “transbordamento” propriedades. Este blog explicou como adicionar uma barra de rolagem vertical com o método window.open() em JavaScript.