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

Tool tip is not showing on the appropriate nob

本文关键字:nob 显示 工具提示      更新时间:2023-09-26

我的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>

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

您应该将集装箱位置设置为相对位置,并将收费提示位置设置为绝对位置。

如下所示

.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.*/
  }