Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

175
Views
Cómo establecer un rectángulo en el centro superior de otro rectángulo con JS puro

Me gustaría obtener el resultado como este esperado . El problema real es que se mostrará un div en el centro superior de un icon (comportamiento como una tooltip ). He probado el siguiente código:

 const iconPosition= this.el.nativeElement.getBoundingClientRect(); const divPosition= this.div.getBoundingClientRect(); let top; let left; if (this.placement === 'top') { top = iconPosition.top - divPosition.height; left = iconPosition.left + (iconPosition.width - divPosition.width) / 2; }

La parte superior funciona bien, pero tengo un problema con la izquierda. Me lleva a este resultado: actual

¿Alguien podría ayudar? Me quedé atascado durante dos días ahora. ¡Cualquier apoyo es muy apreciado! ¡Gracias a todos!

about 4 years ago · Juan Pablo Isaza
1 answers
Answer question

0

Solo como entrada: ¿Puede ser que la parte: (iconPosition.width - divPosition.width) / 2 sea negativa? Así que vas a mover el div superior a la izquierda en lugar de a la derecha Math.abs(); podría ayudar, pero sin código ......

about 4 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!