Ir para conteúdo
Giovanird

Travar Barra de Rolagem

Recommended Posts

Olá a todos!

Tenho um script para favoritar com estrela um registro na lista da tabela.
O problema é que quando a pagina foi rolada para baixo e ao clicar sobre a estrela,  a tela rola para o topo.

Abaixo o script:

 

<a href="#" class="favourite" data-id="<?=$id;?>"><img src=assets/images/star3.png></a>


<script>
$(document).ready(function() {
$('.favourite').on('click', null, function() {
var _this = $(this);
var post_id = _this.data('id');
$.ajax({
type     : 'POST',
url      : 'addfavorito.php',
dataType : 'json',
data     : 'id='+ post_id,
complete : function(data) {
if(_this.siblings('.typcn-star-outline'))
{
_this.html('<img src=assets/images/star3.png>');
}
else
{
_this.html('<img src=assets/images/star4.png>');
}
}
});
});
});
</script>

 

Compartilhar este post


Link para o post
Compartilhar em outros sites
<a href="#">Vai para o topo</a>

<a>Não vai para o topo</a>
<button>Não vai para o topo</button>

 

O caractere # é um bookmak, como ele não específica um elemento id seu endereço é o início da tag body

<a href="#exemplo">Vai para exemplo</a>
<a href="#">Vai para topo</a>

<div id="exemplo"></div>

 

Compartilhar este post


Link para o post
Compartilhar em outros sites
5 horas atrás, Omar~ disse:

<a href="#">Vai para o topo</a>

<a>Não vai para o topo</a>
<button>Não vai para o topo</button>

 

O caractere # é um bookmak, como ele não específica um elemento id seu endereço é o início da tag body


<a href="#exemplo">Vai para exemplo</a>
<a href="#">Vai para topo</a>

<div id="exemplo"></div>

 

Boa noite!
Muito obrigado, Omar!
Deu certinho, valeu pela ajuda!

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

  • Conteúdo Similar

    • Por Lucas Dutra
      Boa noite, todo site que faço  o overflow: auto não funciona, no celular continua exibindo a barra horizontal. Já utilizei o overflow-x: hidden;, ja utilizei o overflow: auto e mesmo assim não saiu, o mais curioso é que no computador funciona normal o overflow-x: hidden, já se eu coloco o auto além de ficar no celular tbm fica no site. Creio que estou comentendo algum erro na programação, alguém pode me ajudar por favor ? 
    • Por juninhogpe
      Bom dia.
       
      Pessoal tenho o site www.arpag.com.br com um menu utilizando Bootstrap, no desktop está 100% e quando vou visualizar o site no celular e clico para exibir o menu, o input do campo buscar fica bem para baixo, gerando uma barra de rolagem no menu.
       
      Para vocês isso é normal ou tem alguma maneira para que eu possa evitar isso para que o menu apareça todo?
       
      Agradeço.
    • Por renansegretti
      Olá pessoal! Gostaria de uma ajuda de vocês já mestres!
       
      Eu tenho uma tabela com uma coluna e 4 linhas, em cada célula há uma pequena imagem. Essa tabela é fixa, ou seja, quando eu rolo o resto da página para baixo, ela se mantém fixa na tela. Porém, a 4ª imagem não aparece por completo na tela, pois a tabela ficou muito comprida.
       
      Eu pensei então em colocar uma barra de rolagem, que só funcionasse para essa tabela fixa. Procurei em alguns fóruns por casos semelhantes mas não consegui aplicar na minha aplicação.
       
      Será que alguém pode me ajudar?
       
      Desde já agradeço!
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.