Como posso incluir um iframe que mostra uma parte específica de outra página?

Como posso fazer o iframe mostrar um segmento desejado de outra página? Estou pensando em desativar as barras de rolagem do iframe e, em seguida, mostrar permanentemente uma parte desejada que está cerca de 100 pixels do lado superior e 5? Já ouvi algumas maneiras de fazer isso, mas não de uma forma que suporte todos os principais navegadores.

Qualquer ajuda seria muito apreciada!

Obrigado.

Resposta

Para incluir um iframe que mostra uma parte específica de outra página, você pode seguir estes passos:

Crie um contêiner para o iframe em seu HTML:

<div class="iframe-container">
  <iframe src="url_da_pagina_desejada" frameborder="0"></iframe>
</div>

Adicione estilos CSS para o contêiner e iframe:

<style>
  .iframe-container {
    position: relative;
    width: 100%; / Ajuste conforme necessário /
    height: 400px; / Ajuste conforme necessário /
    overflow: hidden;
    padding-top: 60%; / Proporção de aspecto para iframe responsivo /
  }

  .iframe-container iframe {
    position: absolute;
    top: -100px; / Ajuste para mostrar o segmento desejado da página /
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; / Remover borda do iframe /
  }
</style>

Substitua "url_da_pagina_desejada" pela URL da página que deseja mostrar no iframe.
Personalize as propriedades do contêiner e do iframe de acordo com suas necessidades, como largura, altura, proporção de aspecto e posicionamento vertical.

Lembre-se de testar o iframe em diferentes navegadores para garantir que ele funcione corretamente em todos os principais navegadores.

Espero que isso ajude! Se precisar de mais alguma coisa, não hesite em perguntar.