2016-10-02 58 views
3

我想要定位一个md-tooltip元素相对于鼠标光标的位置,类似于将进度条悬停在YouTube视频中。我有以下简单的结构:有没有办法相对鼠标光标定位md-tooltip?

<div id="timerBar"> 
    <div id="progressBar"></div> 
    <div id="bufferBar"></div> 
    <div id="remainingBar"></div> 
    <md-tooltip></md-tooltip> 
</div> 

回答

3

显然是有:

<div id="timerBar" ng-mouseenter="setTooltip($event)" ng-mousemove="setTooltip($event)"> 
    <div id="progressBar"></div> 
    <div id="bufferBar"></div> 
    <div id="remainingBar"></div> 
    <md-tooltip id="slider-tooltip" style="-ms-transition: none; -o-transition: none; -webkit-transition: none; transition: none;"></md-tooltip> 
</div> 

而且AngularJS/jQuery函数:

$scope.setTooltip = function (e) { 
    $("#slider-tooltip").css("left", e.clientX - $("#slider-tooltip").width()/2); 
} 
相关问题