新浪微博 鼠标悬停到用户头像时弹出的card是怎么实现的-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

新浪微博 鼠标悬停到用户头像时弹出的card是怎么实现的

a123456678 2016-03-25 16:12:45 1487

screenshot
没错就是这个神奇的东西。。。还会根据布局自动选择浮在上方还是下方。。。

分享到
取消 提交回答
全部回答(1)
  • a123456678
    2019-07-17 19:14:37
    Tooltip.prototype.show = function() {
    
        elTopLocation = this.getBoundingClientRect().top;
        elBottomLocation = window.innerHeight - this.getBoundingClientRect().bottom;
        elLeftLocation = this.getBoundingClientRect().left;
        elRightLocation = window.innerWidth - this.getBoundingClientRect().right;
    
        var direction;
        direction = elLeftLocation < minVerticalDistance ? 'right' : 'left';
        direction = elBottomLocation < minHorizonDistance ? 'top' : 'bottom';
    
        $(this).addClass('hint hint--'+direction);
        return this.direction = direction;
    };
    0 0
云计算
使用钉钉扫一扫加入圈子
+ 订阅

时时分享云计算技术内容,助您降低 IT 成本,提升运维效率,使您更专注于核心业务创新。

推荐文章