En esta página ( https://www.hollandhart.com/pet-care ) hay una imagen en miniatura azul que, cuando se hace clic, me gustaría enviar al usuario al área de Noticias e información de la página, que se encuentra en esta URL : https://www.hollandhart.com/pet-care#newsInsight . Comportamiento similar a cuando un usuario hace clic en el elemento de navegación "Noticias e información" a la izquierda. Sin embargo, cuando agregué una etiqueta de anclaje alrededor de esta imagen para ir a https://www.hollandhart.com/pet-care#newsInsight , no sucedió nada.
El proveedor del sitio web me dice que la página debe volver a cargarse para que se muestre esa área debido al uso de javascript. Si hace clic en los elementos de navegación de la página a la izquierda, notará que la página se vuelve a cargar y luego muestra el contenido relacionado. Entonces, debido a que el código de la etiqueta de anclaje que estoy usando no fuerza la recarga de una página, la etiqueta de anclaje no es efectiva.
He probado el siguiente código, pero parece que no funciona:
<a href="https://www.hollandhart.com/pet-care#newsInsight" onclick="window.location.reload(true);"><img align="right" alt="" height="51" src="/webfiles/Images/Pet_Care_Industry_Widget_Final.png" width="300" /></a>Alguna otra idea???? Tenga en cuenta que este es un CMS con un editor visual, por lo que es probable que el CMS elimine cualquier código entre las etiquetas de script. Tendría que ser una solución en línea.
Cualquier ayuda sería muy apreciada. ¡GRACIAS!
Almacene la referencia de anclaje deseada en el almacenamiento de la sesión y luego active una recarga.
Cuando se cargue la página, verifique el almacenamiento de la sesión en busca de una "referencia de anclaje deseada"; si encuentra uno, use scrollIntoView en el elemento de destino y elimine la "referencia de anclaje deseada" del almacenamiento de la sesión.
--
Es posible que pueda obtener todo eso en un controlador de clic en línea.
Parece que el proveedor del sitio web pudo hacer esto. Parte de esto es probablemente código que solo funciona con su CMS, pero esto es lo que hicieron, si tienes curiosidad:
<a href="javascript:void(0);" onclick="event.preventDefault();$('.assocType a[data-tag=newsInsight]').click();return false;"><img align="right" alt="" height="51" src="/webfiles/Images/Pet_Care_Industry_Widget_Final.png" width="300" /></a>