javascript - 使用 CSS/Javascript 突出显示溢出

Question

我想知道如何将注意力转移到比屏幕上显示的信息更多的部分。从本质上讲，它目前的样子，可能只是表中有一条数据，但实际上有一个滚动窗口。我想提请注意，有更多数据，您只需要滚动即可。我添加了边框，这至少开始有所帮助。

http://jsfiddle.net/xG3uc/

您如何突出显示有更多数据但您只需滚动即可查看？

.but_there_is_more {
    max-height: 50px;
    overflow-y: auto;
    border: 1px dotted #ccc;
}

也许如果 div 扩展超过最大高度，是否有一些 javascript 来显示“扩展”其余部分的链接？

Answer 1

想尝试 qTip2 吗？查看DEMO http://jsfiddle.net/yeyene/xG3uc/10/

JQUERY

$(document).ready(function(){
    $('.a')
        .qtip({
        content: {
            text: 'Scroll for more data!'
        },
        position: {
            my: 'bottom right',
            at: 'bottom right'
        },
        show: {
            event: 'mouseover',
            ready: true // show the tooltip when ready                        
        },
        hide: {
            event: 'click unfocus' // click anywhere to hide
        },          
        style: {
            classes: 'ui-tooltip-red'
        }
    });
});   

qTip2 的来源和文档 http://craigsworks.com/projects/qtip2/demos/