Você está aqui: Home / tirar barra de rolagem horizontal ou vertical de iframe

Tirar Barra de rolagem Horizontal ou Vertical de Iframe

    

Tirar Barra Horizontal ou Vertical de Iframe

As vezes precisamos deixar somente uma barra de rolagem em nosso frame ou iframe, seja ela horizontal ou vertical, o problema é que isso não é tão simples como deveria ser, então resolvi criar este artigo para mostrar algumas idéias para resolver essa situação.

Para satisfazer várias necessidades, vejamos como proceder em situações adversas:

Ocultar as barras de rolagem do iframe
Para ocultar as barras basta inserir a propriedade scrolling=no na tag do iframe, veja o código abaixo:

[xml]

[/xml]

Isso fará o iframe não exibir nenhuma barra de rolagem, mesmo quando necessário.

Barras de Rolagem do Iframe Automáticas
Para as barras de rolagem aparecerem somente quando necessário, basta configurar a propriedade scrolling=auto, veja o código:

[xml]

[/xml]

Agora o iframe somente irá exibir as barras de rolagem quando for necessário.

Exibir somente barra de rolagem horizontal do iframe
O código abaixo, pelos meus testes, só funcionou no firefox:

[xml]

[/xml]

Exibir somente barra de rolagem vertical do iframe
O código abaixo, pelos meus testes, só funcionou no firefox:

[xml]

[/xml]

Agora, uma alternativa curiosa que encontrei para exibir somente a barra de rolagem vertical ou horizontal é trabalhar com dois iframes, sendo que o iframe da pagina principal deve ter uma dimensão menor no lado que você não quer que seja exibido a barra de rolagem. Por exemplo, vamos supor que eu tenha uma página chamada index.html com um iframe que abre o site profissionais.ws, nesse caso, você cria outra página chamada index2.html e coloca o mesmo iframe. Após isso, no iframe da página index.html você altera a propriedade src para index2.html, isso fará o iframe abrir a página index2.html que irá abrir o site profissionais.ws.

Agora, no iframe index.html você diminui o width ou o height para que não apareça as barras do iframe da página index2.html. Outro detalhe é configurar o iframe da página index.html com a propriedade scrolling=”no” e no iframe da página index2.html scrolling=”auto”.

Vejam como ficaria o código do index.html, supondo que queremos exibir somente a barra de rolagem vertical:

[xml]

[/xml]

E também o código do index2.html:

[xml]





[/xml]

Entenderam a idéia? Testei aqui e, bem configurado, funcionou no Firefox, Iexplore e Chrome, que são os navegadores web que tenho instalado em meu computador no atual momento.

Fica aí a dica, até o próximo artigo aqui no Profissionais Web

RECEBA NOVIDADES E DICAS GRATIS NO EMAIL

3 respostas a Tirar Barra de rolagem Horizontal ou Vertical de Iframe

Página 1 de 11
  • Era o que eu procurava, obrigado.

    06/03Responder
    Anderson
  • Me ajudou muito, Fico Grato ! A barra de rolagem vertical fazia que sugisse um barra horizontal, e isso me ajudou muito

    07/05Responder
    Kaio Siqueira
    • Kaio, bem vindo ao profissionais web

      07/05Responder
      Profissionais Web
Página 1 de 11

Deixe uma resposta

O seu endereço de email não será publicado Campos obrigatórios são marcados *

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code lang=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" extra="">

RECEBA NOVIDADES GRÁTIS NO EMAIL

temas wordpress 2013 2014
Receba Novidades Grátis no teu Email!
Cadastre teu email abaixo
Atenção: Confirme o cadastro no teu email!
BY FEEDBURNER