Javascript 工具提示未显示在相应的nob上

Javascript 工具提示未显示在相应的nob上,javascript,css,angularjs,html,Javascript,Css,Angularjs,Html,我的UI有问题,向下滚动后工具提示在相应的nob中不显示 <div ng-init="hideTooltip[$index]=1" ng-click="toggleTooltip($index, $event);" style="float:right;margin-top:7px" class="menu-toggle-black" ng-show="hideTooltip[$index]==1&&isNotAdmin(permission)"> <

我的UI有问题,向下滚动后工具提示在相应的nob中不显示

<div ng-init="hideTooltip[$index]=1" ng-click="toggleTooltip($index, $event);" style="float:right;margin-top:7px" class="menu-toggle-black" ng-show="hideTooltip[$index]==1&&isNotAdmin(permission)"> 
    <ul class="menu-tooltip margin-left-140px" ng-show="showTooltip[$index] == 1">
        <li ng-apply-privilege="VRM_ADD_PERMISSIONS" class="logout" ng-click="editButton($index, permission);"><span><a translate="usermanagement.view.EDIT"></a></span></li>
        <li ng-apply-privilege="VRM_DELETE_PERMISSIONS" class="logout" ng-click="deleteButton($index);"><span><a translate="usermanagement.view.DELETE"></a></span></li>
    </ul>
</div>

<style>
    .menu-tooltip{position:fixed;}
</style>

当您将工具提示位置设置为固定时,当页面滚动时,它不会移动

您应该将容器位置设置为相对位置,将tolltip位置设置为绝对位置

像下面这样

.menu-toggle-black {
    position:relative;
 }
 .menu-tooltip{
   position:absolute;
   top:0; /* or positive or negative value you need.*/
   left:100%; /* or positive or negative value you need.*/
  }

我不能在这里添加图片,发布图片需要10个声誉。我现在能做什么。如果我添加一个图像,它将有助于获得错误的清晰视觉链接到一个活的例子比一个图像更好。JSFiddle和CodePen是最好的。但是如果我不得不猜测的话,工具提示是使用固定定位的。当你滚动时,除非你手动移动它,否则它不会移动。如果我没有使用position fixed,工具提示将显示在Ui屏幕后面。如果我使用的是position fixed,它会显示在屏幕前面。但我得到的错误只有在角落的情况下,滚动下来后,滚动巴拉更好的解决方案是保持固定的定位和重新定位,在滚动。将滚动事件附加到窗口,并在用户滚动时移动工具提示。您可以提供该代码吗?如果我使用的是position:absolute,那么我是新手。工具提示没有在nob中显示。