1

我使用以下代码设计了一个工具提示。

function showToolTip(posX, posY, elem){
    if($(elem).find('.item-name').css('overflow') == "hidden"){
        $newDiv = $('<div></div>');
        $newDiv.css("display", "none");
        $newDiv.addClass('tooltip');
        $newDiv.append($(elem).attr('title'));
        $newDiv.appendTo("body");
        $newDiv.fadeIn().css(({ left:  posX, top: posY }));
    }
    if($(elem).hasClass('bill-item')){
        $newDiv = $('<div></div>');
        $newDiv.css("display", "none");
        $newDiv.addClass('tooltip');
        $newDiv.append($(elem).find('.bill-item-name-left').html());
        $newDiv.appendTo("body");
        $newDiv.fadeIn().css(({ left:  posX, top: posY }));
    }
}

function hideToolTip(){
    $('.tooltip').fadeOut();
}

我使用单击元素的位置 x nd y 并显示 div 元素一段时间。问题是，当元素靠近页面的右端时，它看起来没问题。但是工具提示 div 超出了页面窗口并且出现了水平滚动条。我尝试在创建 div 时将部分更改为右侧，但随后 div 出现在页面的最左侧。如果鼠标靠近页尾，如何使 div 出现在鼠标单击的右侧。

4

0 回答 0