2011-06-20 13 views
2

ツールチップがページの最後から外れないようにしようとしています。私はqTip jQueryプラグインを使用していて、いくつかの問題があります。デフォルトの位置はposition: absolute;で、overflow: hidden;に正しく反応するには、position: relative;に設定する必要があります。これは、divの外側に移動するかどうかを自動的に検出し、そうであれば表示します隠されていません。 qTipサイトのこの解決策はこれを説明していますhttp://craigsworks.com/projects/qtip2/docs/position/#container、しかし私は正しく表示することなくqTipを表示する方法を見つけることができませんqTip2でオーバーフローを検出しました

どうすればこの問題を解決できますか?

答えて

10

私はあなたの質問に基づいて何をする必要があるのか​​よくわからないので、qTipの位置付けを無効にする理由がわかりません。おそらく、サンプルコードやリンクをサンプルに投稿すれば、誰かがあなたに良い答えを与えることができます。

しかし、私が何かを紛失していない限り、あなたが実際に行う必要があるのは、viewportをウィンドウとして定義することだけです。例:

$('.selector').qtip({ 
    position: { 
     viewport: $(window) 
    } 
}); 
+0

ありがとう –

0

私がした回避策は、反対側の角に矢印を置くだけで、ページの内側にツールチップが表示されていました。問題は「固定」されていませんが、機能します。

関連する問題