Ir ao conteúdo
  • Cadastre-se
leandro alfredo

Overflow chrome - não funciona com seta do teclado para baixo

Recommended Posts

Bom dia, pessoal.
 
Estou com um pequeno problema, mas que não consigo resolver.
 
Quando uso a propriedade de CSS: overflow, em uma div tudo funciona - barra de rolagem na vertical etc. Porém, estou encontrando um problema no navegador Chrome.
 
A situação é a seguinte:
 
Dentro da minha div #scroll eu crio uma tabela com dados. A primeira coluna da tabela é um input type=radio para me mandar informação do código para futura consulta na base. (até aqui tudo funciona).
Porém, quando tem mais linha que a altura da div ela cria a barra de rolagem. Eis meu problema. Se eu uso a seta do teclado para baixo a barra de rolagem não funciona. Só se eu usar o scroll (rodinha) do mouse. 
 
 
MASSSSSS.... no internet explorer e mozila FUNCIONAM!!!!!!! 
 
Vocês já tiveram este problema? Como resolveram?

 

exemplo: www.teclaminas.com.br

Compartilhar este post


Link para o post
Compartilhar em outros sites

Tópico movido de Java para Web

Compartilhar este post


Link para o post
Compartilhar em outros sites

@leandro alfredo Depende, pode ser que sim e pode ser que não precise.

Seria importante você mostrar o problema em print e postar seus códigos ou fragmento.

 

9 minutos atrás, leandro alfredo disse:

Tem que criar uma javascript para executar este comando cara! -.-'

Você perguntou ou está afirmando?

 

Se for em relação a ter movido o tópico, a área de java não serve para javascript.. já que são duas linguagens diferentes. 

Javascript deve ser postado em web.

 

 

Olhando exemplo, você está se referindo ao efeito parallax  do fundo ficar parado?

se for isso o overflow no chrome tem um bug que sabe lá quando for resolver.

para contornar pode usar um plugin jQuery de parallax.

 

Editado por dif

Compartilhar este post


Link para o post
Compartilhar em outros sites

@dif exemplo: www.teclaminas.com.br/duvida/index.html

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
#scroll{
display:block;
color:#FF0000;
padding:0px;
margin-left: 22px;
width:865px;
height:152px;
white-space: nowrap;
overflow: scroll;
}
</style>
</head>


<body>


<div id="scroll">
<table width="100%" cellpadding="0" cellspacing="0" border="1">
    
     <tr height="30">
        
         <td><input name="teste" type="radio" autofocus /></td> 
            <td>Quando tem </td> 
            <td>muitas linhas</td> 
            <td>e usando a seta do teclado </td> 
            <td> para baixo não funciona</td> 
         
        </tr>
        
        <tr height="30">
        
         <td><input name="teste" type="radio" autofocus /></td> 
            <td>Quando tem </td> 
            <td>muitas linhas</td> 
            <td>e usando a seta do teclado </td> 
            <td> para baixo não funciona</td> 
         
        </tr>
     <tr height="30">
        
         <td><input name="teste" type="radio" autofocus /></td> 
            <td>Quando tem </td> 
            <td>muitas linhas</td> 
            <td>e usando a seta do teclado </td> 
            <td> para baixo não funciona</td> 
         
        </tr>
     <tr height="30">
        
         <td><input name="teste" type="radio" autofocus /></td> 
            <td>Quando tem </td> 
            <td>muitas linhas</td> 
            <td>e usando a seta do teclado </td> 
            <td> para baixo não funciona</td> 
         
        </tr>
     <tr height="30">
        
         <td><input name="teste" type="radio" autofocus /></td> 
            <td>Quando tem </td> 
            <td>muitas linhas</td> 
            <td>e usando a seta do teclado </td> 
            <td> para baixo não funciona</td> 
         
        </tr>
        <tr height="30">
        
         <td><input name="teste" type="radio" autofocus /></td> 
            <td>Quando tem </td> 
            <td>muitas linhas</td> 
            <td>e usando a seta do teclado </td> 
            <td> para baixo não funciona</td> 
         
        </tr>
  
</table>
</div>
</body>
</html>

 

Editado por leandro alfredo

Compartilhar este post


Link para o post
Compartilhar em outros sites

@leandro alfredo Veja minha resposta mais acima, que eu editei acrescentando mais informações

Compartilhar este post


Link para o post
Compartilhar em outros sites

@leandro alfredo Então... o overflow esconde a barra de rolagem. seja no eixo x ou y.

 

No site não vejo problema algum.  eu recomendei que postasse print do seu problema.

 

A única coisa que vejo diferenciado no site é o parallax que tem a imagem da cabana. 

OU você não conseguiu se expressar corretamente. rsrs  juro que tentei ao máximo entender o seu problema

 

Pode ser que tenhas que especificar usando o prefixo.. -webkit

ou usar uma posição relativa.

 

http://stackoverflow.com/questions/22898335/strange-behavior-of-overflow-auto-on-chrome

https://css-tricks.com/almanac/properties/o/overflow/

Editado por dif

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar agora





Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas publicações sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×