Buenas,
yo diría que tiene que ver con la propagación del evento y la acción predeterminada asociada a él. Cuando se hace click sobre una etiqueta <a> la acción por defecto es seguir el vínculo pero si en el atributo href no se especifica una url y solamente se pone "#" se establece un vínculo interno dentro del mismo documento que te lleva al principio del documento que es lo que te está pasando a ti. Solución: detener la propagación del evento con stopPropagation() y anular la ejecución de la acción de seguir el vínculo con preventDefault(). Hay varios temas en el foro sobre esto.
Otra cosa, los id son únicos no se pueden repetir.