工具提示未显示在其位置

时间:2015-01-28 07:11:07

标签: css angularjs html5

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

0 个答案:

没有答案