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

Artigos Recentes do Blog

  • Como saber o Estado de um CPF e Script Função PHP
  • Como Mudar permissões de arquivos e pastas no Windows
  • Sites para Comprar Livro Online
  • Dicas para ter seus Comentários Aprovados em Sites e Blogs
  • Como Fazer Divulgação automatizada em Grupos do Facebook
  • Script Loja Virtual Grátis

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 Responses to Tirar Barra de rolagem Horizontal ou Vertical de Iframe

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

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

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

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

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <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
Ganhar Dinheiro
Receba Novidades Grátis no teu Email!
Cadastre teu email abaixo
Atenção: Confirme o cadastro no teu email!
BY FEEDBURNER