Scorri fino a un div specifico

Ho poche posizioni .posts che hanno un data-id attr che corrisponde mysql DB id .

 

Ora se voglio scorrere verso uno specifico div che sono noto solo al data-id . Come lo farò scorrere? Il mio JSFiddle è qui . Qualcuno può dare un esempio insieme a un JSFiddle?

Tu usi i link anchor e JQuery. Basta dare il tuo link alla class “scroll” e utilizzare il seguente codice in testa:

 jQuery(document).ready(function($) { $(".scroll").click(function(event) { event.preventDefault(); $('html,body').animate( { scrollTop:$(this.hash).offset().top } , 1000); } ); } ); 

Devi anche fornire ai tuoi messaggi un ID e un link ad essi come in:

 Go To Div 8 

JSFIDDLE

È ansible utilizzare il plugin jQuery.ScrollTo: https://github.com/flesler/jquery.scrollTo

In questo link puoi trovare le demo http://demos.flesler.com/jquery/scrollTo/

 $(function() { $('body').scrollTo($('div[data-id=1]'), 1000); //scroll to div 1 }); 

HTML:

 

Non hai bisogno di javascript se hai un’ancora con un name .

Div to post 8 scorre fino a

Penso che questo aiuterebbe $(".element").attr("any-attribute-of-ur-elem"); Nel tuo caso assomiglierebbe a: $(".post").attr("data-id") E puoi scorrere verso quei post. prova questo:

  $(document).ready(function (){ $("#button").click(function (){ $('html, body').animate({ scrollTop: $(".post[data-id="+yourID+"]").offset().top }, 2000); }); });