2016-08-22 6 views
1

要素にツールヒントを配置しようとしているため、ツールヒントが左右のビューポートで切り取られません。現在、上または下のビューポートから切り離された場合は反転しますが、これは問題ありません。私はツールチップのオプションとしてcollision: "fit flip"を追加しようとしましたが、それは矢印の位置をねじ込みます。ここで私の試行を見ることができます:http://codepen.io/obliviga/pen/yJAKYqjQuery UIの回避方法ツールチップのトリガに矢印を付けたまま、ビューポートでツールチップを切り取る方法はありますか?

アイデア?

+1

私はいくつかのことを試しましたが、あなたの矢印の基礎となるコードでは、中心に何も指定することができないように見えます。 「探索的手術」を行いたい場合は、例えば、120000に 'hide'オプションを設定します。これにより、ツールチップが2分間開いたままになります。これにより、ツールチップを調べて、基礎をなすCSSを見ることができます。私は、矢印には、それに適用される.arrowというクラスがあることが分かりました。適切な状況で変更可能なCSS値が見つかるかもしれません(たとえば、 "flipfit"に設定し、ツールチップの中心=ボタンの中央であれば適切な状況になります)。 – BobRodes

答えて

1

ここで暗闇でドッキリ...

万が一あなただけ左に追加のパディングを追加することができますか?

main { 
    padding-left: 200px 
} 
関連する問題