Javascript rollable Div

Em seguida, inclua um “div”Elemento junto com o designado“eu ia”. Dentro da div, inclua a imagem especificada a ser rolada com as dimensões ajustadas no “" marcação:

Agora, acesse o ID atribuído “rolagem”Para a div para rolar a imagem incluída atribuindo o“transbordar”Propriedade para o Auto, que gerará a rolagem através do elemento especificado horizontalmente e verticalmente:

Por fim, ajuste o “divDimensões considerando a plotagem da imagem especificada para torná -la rolável:

A saída correspondente será:

Método 2: Crie um Div rolável JavaScript usando as propriedades Overflow e Overflowy.

O "Overflowx”A propriedade é aplicada para especificar o comportamento do conteúdo quando transborda um elemento ao longo das bordas horizontais (esquerda e direita). Por outro lado, o “Overflowy”Propriedade especifica o comportamento do conteúdo verticalmente (ao longo das bordas superior e inferior). Esses métodos podem ser implementados para rolar o elemento acessado ajustando as propriedades de acordo com os requisitos fornecidos.

Exemplo

Em primeiro lugar, atribua um “eu ia”Para o elemento div e inclua o cabeçalho especificado, conforme discutido no método anterior. Além disso, contenha o parágrafo a seguir para torná -lo (div) rolável:

Div

O JavaScript é um dos principais idiomas de script usados ​​principalmente para aplicar vários recursos para fazer um site ou uma página da web atraente e amigável. Este idioma em particular também integra HTML para realizar várias funcionalidades adicionadas também.

Em seguida, busque o Div ID usando o “documento.getElementById ()”Método. Aqui, ajuste as propriedades Overflowx e Overflowy. As propriedades atribuídas resultarão em rolar apenas a div verticalmente:

Finalmente, estilize a Div rolável e ajuste suas dimensões, conforme ilustrado no método anterior:

Saída

Este artigo concluiu as abordagens que podem ser utilizadas para tornar um div rolável em JavaScript.

Conclusão

Para fazer uma div rolável em JavaScript, aplique o “transbordar”Propriedade a ser atribuída de tal maneira que a imagem incluída na div é rolada ou“Overflowx" e "Overflowy”As propriedades podem ser utilizadas por serem atribuídas de tal maneira que os acessados“div”Está rolado verticalmente apenas. Essas propriedades podem ser implementadas para executar o requisito fornecido de fazer uma div rolável em javascript.