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吗？检查演示http://jsfiddle.net/yeyene/xG3uc/10/

查询

$(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/