¿Cómo vincular una parte específica en la misma página con jquery y php?

Sé vincular a una parte en la misma página como:

A Here is A 

Pero cuando lo diseñé con jquery y php, tengo un problema. Mi diseño es como: hay todas las letras del alfabeto. Debajo de las letras, hay hay divs (item_A, item_B, item_c etc …). Cuando el usuario hace clic en la letra K, por ejemplo, la página se vinculará a #K div y también #K div mostrará su contenido. (Porque cuando el sitio se abre primero, la visualización de los elementos divs no tiene ninguno). Pero el problema es que, aunque #K (K es solo un ejemplo) K muestra su contenido, la página no redirigió a #K div. Debes desplazarte por ti mismo.

Aquí está el código:

  
    <?php $array_letter = array("A","B","C","Ç","D","E","F","G","H","I","İ", "J","K","L","M","N","O","P","R","S","Ş","T", "U","Ü","V","Y","Z"); for ($i=0;$i<27;$i++) { echo "
  • {$array_letter[$i]} |
  • "; } ?>
<?php for ($i=0;$i
<a class="button" id=" ">SHOW/HIDE
<a name="';?> starts from here
<div style='display:none' id=''> Here is item...

Aquí está el código jquery:

  $(document).ready(function() { // target everything with IDs that start with 'button_letter' $("[id^='button_letter']").click(function () { // split the letter out of the ID // of the clicked element and use it to target // the correct div $("#item_" + this.id.split("_")[1]).toggle(); }); $("[id^='letter']").click(function () { $("#item_" + this.id.split("_")[1]).show(); }); }); 

¿No tienes tiempo para ver todo tu código, pero no puedes usar un método scrollTop ()?
Mira aquí .

Para desplazarse con jQuery a una ID específica en su página, use

 $('html,body').animate({scrollTop: $("#"+id).offset().top},'slow'); 

También puedes especificar un ancla en tu url.

  

Al hacer clic en el enlace, accederá a esa página y el documento se desplazará automáticamente a la posición de

Intereting Posts