Last active
August 29, 2015 14:02
-
-
Save andrebian/177e99c610fdacb667c3 to your computer and use it in GitHub Desktop.
Exemplo de rolagem de scroll falhando
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- Cenário 1 - Estrutura em que a rolagem do scroll funciona --> | |
<div class="row"> | |
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> | |
<br /> | |
<div class="content"></div> | |
</div> | |
</div> | |
<!-- Cenário 1 - Estrutura em que a rolagem do scroll funciona --> | |
<!-- Cenário 2 - Nova estrutura (NÃO FUNCIONA MAIS) --> | |
<header class="header"> | |
<div class="container"> | |
<div class="row"> | |
<div class="col-xs-9 col-sm-9 col-md-9 col-lg-9"> | |
<div class="box-header"> | |
</div> | |
</div> | |
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3"> | |
<div class="imagem-header"> | |
<img src="<?php echo $this->view->url; ?>/img/imagem-header.png" alt=""> | |
</div> | |
</div> | |
</div> | |
</div> | |
</header> | |
<div class="main"> | |
<div class="row"> | |
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 content"></div> | |
</div> | |
</div> | |
<footer class="footer"> | |
</footer> | |
<!-- Cenário 2 - Nova estrutura (NÃO FUNCIONA MAIS) --> | |
<!-- SITUAÇÃO QUE NÃO SE ALTEROU DURANTE O PROCESSO DE ALTERAÇÃO DA ESTRUTURA DO HTML --> | |
<script> | |
jQuery(document).ready(function($) { | |
/** | |
* Rola o scroll da página ao extremo bottom | |
* @returns {void} | |
*/ | |
function moveScroll() { | |
$('.content').animate({scrollTop: $(document).height() + 999999}, 1000); | |
} | |
$('#enviar').click(function() { | |
if ($('#newContent').val() !== '') { | |
$.ajax({ | |
url: "/add-new-content", | |
data: "newContent=" + $('#newContent').val(), | |
type: "post", | |
success: function(html) { | |
$('.content').append(html); | |
$('#newContent').val(''); | |
moveScroll(); | |
}, | |
error: function(a, b, c) { | |
console.log(a); | |
console.log(b); | |
console.log(c); | |
} | |
}); | |
} else { | |
alert('Por favor redija seu texto'); | |
return false; | |
} | |
}); | |
}); | |
</script> | |
<!-- SITUAÇÃO QUE NÃO SE ALTEROU DURANTE O PROCESSO DE ALTERAÇÃO DA ESTRUTURA DO HTML --> | |
OBSERVAÇÕES GERAIS | |
1 - Existem novos css's e js's do twitter bootstrap que foram adicionados entre o cenário 1 e o cenário 2 (bootstrap-theme.css e modernizr-2.6.2-respond-1.1.0.min.js); | |
2 - A versão do jquery no cenário 1 é a 1.9.1 e no cenário 2 é 1.11.0. No cenário 2, mesmo removendo a versão 1.11.0 e chamando a versão 1.9.1 o scroll continua sem funcionar; |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment