Eu tenho um problema quando eu clico em uma aba para abrir o conteúdo, ele meio que sobe a página e a pessoa tem que descer de novo para ver e assim fica, isso é meio irritante, como eu faço pra consertar?
Esse é o código:
<script>
function requisitarPagina(url) {
document.getElementById('conteudo').innerHTML = ''
//incluir o gif de loading na página
if(!document.getElementById('loading')) {
let imgLoading = document.createElement('img')
imgLoading.id = 'loading'
imgLoading.src = 'loading.gif'
imgLoading.className = 'rounded mx-auto d-block'
document.getElementById('conteudo').appendChild(imgLoading)
}
let ajax = new XMLHttpRequest();
//requisição não iniciada, state = 0
//console.log(ajax.readyState)
ajax.open('GET', url)
//conexão estabelecida com o servidor, state = 1
//console.log(ajax.readyState)
//de alguma lógica que fique olhando para o progresso da req
ajax.onreadystatechange = () => {
if(ajax.readyState == 4 && ajax.status == 200) {
document.getElementById('conteudo').innerHTML = ajax.responseText
//document.getElementById('loading').remove()
}
if(ajax.readyState == 4 && ajax.status == 404) {
document.getElementById('conteudo').innerHTML = '.. tente novamente mais tarde :s ..'
//document.getElementById('loading').remove()
}
}
ajax.send()
//console.log(ajax)
}
</script>
E esse é o restante, a parte do html
<div class="container">
<div class="">
<div class="col">
<a href="#" class="options" onclick="requisitarPagina('app/appRecommended.php')"><i class="fa fa-film"></i> MAIS</a>
</div>
<div class="">
<a href="#" class="options" onclick="requisitarPagina('app/appExtra.php?i=<?php echo $v['id'];?>')"><i class="fa fa-list-ul"></i> EXTRAS</a>
</div>
<div class="">
<a href="#" class="options" onclick="requisitarPagina('app/appDetails.php?i=<?php echo $v['id'];?>')"><i class="fa fa-info-circle"></i> DETALHES</a>
</div>
</div>
<div class="row">
<div class=""></div>
<div class="" id="conteudo"></div>
<div class=""></div>
</div>
</div>
Esse sistema simplesmente muda o conteúdo exibido dentro da div, mas em vez dele fazer isso suavemente ele sobe a página pro topo e ai a gente tem que descer a página para ver e tals, isso eu não sei se resolve no java ou se é no próprio html.
Desde já agradeço
<a href="#"
, você pode tentar trocar o"#"
por"#conteudo"
ou"javascript:void(0);"
(eu coloquei#conteudo
como opção pq parece ser o ID daDIV
que esta carregando o conteúdo, usando isso a pagina para o inicio dessa DIV), ou você pode tentar usar<BUTTON>
ao invés do<A>
ou outra tag que não utilize ohref
– Icaro Martins 21/02 às 19:52