工具提示未顯示在適當的按鈕上

Question

我的UI出現問題，向下滾動后，工具提示沒有以適當的方式顯示。

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

Answer 1

當您將工具提示位置設置為固定時，頁面滾動時它不會移動，

您應該將容器位置設置為相對，將話費提示位置設置為絕對。

像下面這樣

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