Question

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

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 n和y并在特定时间显示div元素。问题是，当元素靠近页面的右端时，它看起来很好。但是工具提示div不在页面窗口中，而是出现水平滚动条。我在创建div时尝试将门廊更改为右边但是div显示在页面的最左侧。如果鼠标靠近页面末端，如何在鼠标单击右侧显示div。

自定义工具提示显示在页面窗口之外

0 个答案: