Jump to content

POWERED BY:

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>

 

Share this post


Link to post
Share on other 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>

 

Share this post


Link to post
Share on other 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!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By 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 ? 
    • By 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.
    • By 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!
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.