Relative Content

Tag Archive for javascripthtmlcssbootstrap-5

Fix clientY scrolling in HTML document

I have an issue with my context menu, which is viewable through right clicking, when you scroll down, it does not maintain a regular position, meaning when you don’t scroll, it shows up at the right of your mouse, like usual. But when I scroll down, it shows up below the mouse depending on how far you scroll. I have tried using clientY and scrollY, however these dont seem to fix the issue. Here Is a code snippet.

I am trying to implement downdrop menus from Bootstrap 5

<li class=”nav-item dropdown”> <a class=”nav-link dropdown-toggle” href=”/dropdownmenus/contenido/5.company.html” id=”navbarDropdownCompany” role=”button” data-bs-toggle=”dropdown” aria-expanded=”false”>COMPANY</a> <ul class=”dropdown-menu”> <li class=”dropstart”> <a class=”dropdown-item dropdown-toggle” data-bs-toggle=”dropdown” href=”/dropdownmenus/contenido/5.1.overview.html” id=”navbarDropdownOverview” role=”button” data-bs-toggle=”dropdown” aria-expanded=”false”> OVERVIEW </a> <ul class=”dropdown-menu” > <li><a class=”dropdown-item” href=”/dropdownmenus/contenido/5.1.1.revenue.html”>REVENUE</a></li> <li><a class=”dropdown-item” href=”/dropdownmenus/contenido/5.1.2.subscribers.html”>SUBSCRIBERS</a> </LI </ul> </li> I am trying to implement a submenu in a dropdown in Bootstrap5, it isn’t working properly after […]