Porque esto no me funciona en Chrome

oliverarthurnardi · #1 (**permalink**) 24/02/2012, 13:27

me funciona en todos, hasta en IE6. Me he quedado un poco flipado cuando me funciono en IE6 y el chrome no me funciona. No se que puede ser. Espero que me podeís ayudar. Un saludo a todos.

Código Javascript:

Ver original<script type="text/javascript">
 
$(document).ready(function() {
 
    $('#home').click(function(){
        $('#footer').hide();
        $('html').animate({scrollTop: '0'}, 'slow');
        return false;
    });
    
    $('.lista1').click(function(){
        $('#footer').hide();
        $('html').animate({scrollTop: '1114px'}, 'slow');
        return false;
    });
 
    
    $('.lista').click(function(){
        $('#footer').hide();
        $('html').animate({scrollTop: '2138px'}, 'slow');
        return false;
    });
    
    $('#contact1').click(function(){
        $('#footer').show();
        $('html').animate({scrollTop: '3412px'}, 'slow');
        return false;
    });
    $('html').animate({scrollTop: '0'}, 0);
    $('#footer').hide();
    
 
 
});
</script>

oliverarthurnardi · #2 (**permalink**) 24/02/2012, 15:21

Cita:

Iniciado por oliverarthurnardi

me funciona en todos, hasta en IE6. Me he quedado un poco flipado cuando me funciono en IE6 y el chrome no me funciona. No se que puede ser. Espero que me podeís ayudar. Un saludo a todos.

Código Javascript:

Ver original<script type="text/javascript">
 
$(document).ready(function() {
 
    $('#home').click(function(){
        $('#footer').hide();
        $('html').animate({scrollTop: '0'}, 'slow');
        return false;
    });
    
    $('.lista1').click(function(){
        $('#footer').hide();
        $('html').animate({scrollTop: '1114px'}, 'slow');
        return false;
    });
 
    
    $('.lista').click(function(){
        $('#footer').hide();
        $('html').animate({scrollTop: '2138px'}, 'slow');
        return false;
    });
    
    $('#contact1').click(function(){
        $('#footer').show();
        $('html').animate({scrollTop: '3412px'}, 'slow');
        return false;
    });
    $('html').animate({scrollTop: '0'}, 0);
    $('#footer').hide();
    
 
 
});
</script>

bueno este es el html:

Código HTML:

Ver original<body>
<div id="layout">
<header id="header">
  <nav id="nav">
  <ul>
  <li id="home" class="lis"><a href="/"><span>Home</span></a></li>
  <li class="lista1 lis"><a href="/"><span>About me</span></a></li>
  <li class="lista lis"><a href="/"><span>Proyect</span></a></li>
  <li id="contact1" class="lis"><a href="/"><span>Contact</span></a></li>
  </ul>
  </nav>
</header>
<!--Start section intro-->
<section id="intro" style="element.style background-position:center 0;}">
  <div class="content">
    <nav class="sub-nav">
      <ul>
        <li class="lista list"><a href="/"><span>Proyect</span></a></li>
        <li class="lista1 list"><a href="/"><span>About me</span></a></li>
      </ul> 
    </nav>
  </div>
</section><!--End section intro-->
<!--Start section about-me-->
<section id="about"></section><!--End section about-me-->
<!--Start section work-->
<section id="work"></section><!--End section work-->
<!--Start section Contact-->
<section id="contact"></section><!--End section Contact-->
<footer id="footer"> </footer>
</div><!--End id layout-->
</body>
</html>

oliverarthurnardi · #3 (**permalink**) 25/02/2012, 17:01

alguien de por aqui me puede echar una mano por favor!! que ya me estoy perdiendo con esto