0

画面に表示されているよりも多くの情報が含まれているセクションに注意を向ける方法を考えています。基本的に、現在の外観では、テーブルに 1 つのデータしかないように見えるかもしれませんが、実際にはスクロール ウィンドウがあります。もっとデータがあるという事実に注意を向けたいと思います。スクロールするだけです。境界線を追加しましたが、少なくとも助けになりました。

http://jsfiddle.net/xG3uc/

他にもデータがあるのに、スクロールするだけで表示できることをどのように強調しますか?

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

おそらく、div が最大高さを超えて展開する場合は、残りを「展開」するためのリンクを表示するための JavaScript がありますか?

4

1 に答える 1

1

qTip2を試してみませんか? デモをチェックhttp://jsfiddle.net/yeyene/xG3uc/10/

Jクエリ

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

于 2013-06-18T03:08:31.620 に答える