添加7个条目后,我得到一个滚动条。因此,如果我向下滚动条形图,则每个条目的工具提示将显示在其他一些位置。
我正在使用CSS属性。如果我没有使用固定位置,则工具提示会显示在屏幕后面
" position:fixed;"
$scope.showDescriptionTooltip = function(index){
//console.log("Inside showToolTip..." + $scope.displayToolTip + " index :: " + index);
if(index == $scope.displayToolTip){
$scope.displayToolTip = -1;
} else {
$scope.displayToolTip = index;
}
//console.log("$scope.displayToolTip ::" + $scope.displayToolTip);
};
<div ng-init="hideTooltip[$index]=1" ng-click="toggleTooltip($index, $event);" class="menu-toggle-black" style="float:left;margin-top: 10px;" ng-hide="deleteThresholdFlags[$index]==true||editThresholdFlags[$index]==true||addModeSelected==1 || item.enable=='false'">
<ul class="menu-tooltip margin-left-140px" ng-show="showTooltip[$index] == 1">
<li ng-apply-privilege="VRM_ADD_THRESHOLD" style="width:69%;color:#0095d3;font-weight:bold;font-size:19px;" class="logout" ng-click="editButton($index);"><span style="float:none;"><a translate="settings.view.EDIT"></a></span></li>
<li ng-apply-privilege="VRM_DELETE_THRESHOLD" style="width:69%;color:#0095d3;font-weight:bold;font-size:19px;" class="logout" ng-click="deleteButton($index);"><span style="float:none;"><a translate="settings.view.DELETE"></a></span></li>
</ul>
</div>