Skip to content

Instantly share code, notes, and snippets.

@andrebian
Last active August 29, 2015 14:02
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save andrebian/177e99c610fdacb667c3 to your computer and use it in GitHub Desktop.
Save andrebian/177e99c610fdacb667c3 to your computer and use it in GitHub Desktop.
Exemplo de rolagem de scroll falhando
<!-- 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