Error de Chrome o error de encoding? Los enlaces de anclaje / id. Dentro de la página de destino no funcionan

EDITADO PARA AGREGAR: Curiosamente, en base a los comentarios de las personas a continuación, intenté configurar un enlace dentro de mi página principal, y eso funciona muy bien. (http://www.umbc.edu/classof2012/index2.html – está en el div superior izquierdo en el texto del párrafo) Por lo tanto, por alguna razón, es en el enlace a la página de destino independiente donde surge el problema. .

Tengo una página llena de fotos / leyendas, y al hacer clic en la foto o en un enlace de texto, el espectador accede a una nueva página con biografías relacionadas. La idea es que se tomen directamente a la biografía que se relaciona con la foto en la que hicieron clic. Esto funciona bien en Safari y Firefox.

En Chrome, los enlaces lo llevan a la parte superior de la página de la biografía, no a la biografía relevante dentro de la página.

¿Que me estoy perdiendo aqui? Esto debería ser algo simple de hacer, ¿verdad?

La página se puede ver aquí: http://www.umbc.edu/classof2012/

Intenté encontrar documentación de que este es un problema de Chrome, y no encontré nada definitivo. He encontrado algunas preguntas aquí en SO que parecen tocar problemas similares, pero nada acerca de los enlaces de anclaje simples y básicos que no funcionan. Puede ser que haya hecho algo mal que solo Chrome está captando, pero el código de enlace parece bastante sencillo y siempre me ha funcionado en el pasado, ¡a menos que me falte un error obvio!

Si se trata de una idiosincrasia de Chrome, ¿alguien puede sugerir una solución alternativa que funcione en todos los navegadores?

¡¡Gracias!!

EDITADO para agregar fragmentos de código …

Aquí está el código de la página de origen … continúa más allá de lo que he publicado, pero es más de lo mismo:

code here:       <!--    UMBC Class of 2012          
Class of 2012
  • UMBC is proud of all of our graduates. On May 18 and 21, the University awards nearly 1,700 bachelor's, master's and Ph.D. degrees at its Graduate School and Undergraduate Commencement ceremonies. Meet a few of our exceptional students and discover what the future has in store for the Class of 2012.

    Pin It
  • VALEDICTORIAN

    Mary Cole

    Mary Elizabeth Cole
    Anthropology & Biological Sciences

    Here I am standing at the highest point of Bodiam Castle in East Sussex, England. I loved travelling to cultural sites during my study abroad experience.

    Read Bio

    Watch video >

Y aquí está el código relevante en la página de bio de destino:

  
  • Mary Cole, Valedictorian

    Mary Elizabeth Cole

    Plans: Ph.D., Biological Anthropology, The Ohio State University
    BA, Cultural Anthropology; BS, Biological Sciences
    Summa Cum Laude
    Hometown: Hanover, Maryland

    Mary Elizabeth Cole, valedictorian of UMBC's class of 2012, is a true Renaissance scholar. She is a Humanities Scholar double-majoring in cultural anthropology and biology who has shined in both fields. Mary Beth has sought out a range of research opportunities at UMBC, gaining early experience in UMBC's Ecology and Evolution Lab. This prepared her for more independent research at the National Institutes of Health. She later completed archaeological field and lab work at colonial and prehistoric American Indian sites in southern Maryland. Mary Beth creatively wove together her interests in cultural anthropology and biology through study abroad at the University of Kent in Canterbury, England, where she completed human osteology coursework to prepare for graduate school. She has been awarded a fellowship for the biological anthropology Ph.D. program at The Ohio State University, which focuses on the history and patterns of disease as discerned through skeletal remains. In addition to pursuing an academic career, Mary Beth hopes to assist military and archaeological groups on post-conflict skeletal recovery. Mary Beth has given back to her community by helping with local speech and debate tournaments for home-schooled teens; tutoring students in chemistry, math and SAT preparation; and participating in Scholar Selection Day and other prospective student events at UMBC.

    "At prospective student events I attended, Dr. Hrabowski promised that as long as we worked hard to pursue our dreams, UMBC would do everything possible to transform our efforts into our successes. Throughout my four years, I have seen this university fulfill and exceed that promise in every way possible. The anthropology department, despite its small size, has recruited some of the most intelligent, insightful and encouraging minds in the country. My mentors there provided the education, guidance and endless recommendations that pointed me towards my dream of becoming a biological anthropologist. The biology department provided the coursework and experience that I needed to secure lab experience at UMBC and then NIH. Without these stepping stones to my NIH internship, I would not have discovered the bone histology that I hope to pursue in my doctoral program.”

  • <Robert Wardlow, Salutatorian

    Robert Douglass Wardlow II

    Plans: MD/Ph.D., Johns Hopkins University
    BS, Biochemistry & Molecular Biology
    Summa Cum Laude
    Hometown: Cherry Hill, New Jersey

    As the salutatorian of the class of 2012, Robert Wardlow's career at UMBC has been full of accomplishments. A Meyerhoff Scholar, Barry M. Goldwater Scholar, Howard Hughes Medical Institute Scholar and Rhodes Scholarship finalist, he has presented his research at 12 conferences and symposia, earning numerous awards. Robert's research focuses on chemical signaling of heart cells and the potential of certain stem cells for providing therapeutic benefits for damaged cells. Excellence in scholarship is intimately connected to community service for Robert. He co-founded the student group Men Achieving Leadership, Excellence and Success (MALES) to promote community activism, leadership and academic excellence. Robert's accomplishments have earned him admission into the Phi Beta Kappa, Phi Kappa Phi and Golden Key International honor societies, and he received the HHMI Gilliam Fellowship for Advanced Study.

    “UMBC has provided an environment rich in resources that has helped me to develop to a level far beyond what I could have originally expected. I was able to display tremendous personal growth over the course of my time here both academically and socially. Courses were challenging, but the school offered more than enough support in terms of tutoring and advising to help me best deal with the load. I had numerous chances to further my research career by gaining experience in research labs both in the area and around the country. I have made friends here that will hopefully last long in to the future as well as meeting mentors that will continue to guide me in the right direction. UMBC has helped me in all facets of my personal and professional development and I hope that I will be able to give back to the school in some capacity in the future.”

Si a alguien le sirve el código completo aquí, me complace hacerlo. Simplemente no quería tener tanto código para recorrer cuando se trata de un montón de elementos repetitivos.

Prueba este truco sucio

 var hash = location.hash; location.hash = ''; location.hash = hash; 

en la window load o document.ready

Cuando la página se carga, parece que las li están configuradas para display: none , luego cambiadas para display: list-item través de JavaScript. Lo más probable es que Chrome / IE intente saltar al bloque tan pronto como se cargue HTML, pero los bloques aún no se han visualizado.

Supongo que ese es tu problema. Esa es una configuración extraña que también tienes, con los bloques posicionados absolutos (¿creo que ese es el plugin wookmark?) – parece que lo mismo podría hacerse con CSS simple sin un posicionamiento absoluto.

Esta:

 $( "[href^=#]" ).click(function() { location.hash = $(this).attr("href") }) 

trabajó para mi. Como muchos otros mencionaron, es un error en Chrome.

Creo que el código de destino no tiene el ancla

  

Actualizar

Las pruebas de pozo con ID también funcionan, pero no en su página. tal vez es el contenido