2017-05-03 35 views
0

ツールチップを中央に置いてスクロールしているコンテナの外にツールチップがありたいと思っています。ただし、スクロールするコンテナにはoverflow: autoという属性があるため、ツールチップは常に切り捨てられます。 position: relativeではなく、アイテムの上にある、そのためのツールチップのhttps://jsfiddle.net/ny610aL1/1/オーバーフローのためにツールチップが途切れた

enter image description here

私が作ったこのデモは、私の問題が何であるかを示しています。私はこれが、cssでコンテナを外側に移動させないようにすると思います。

CSSを使用する方法はありますか?

+0

本当にツールチップが必要ですか? 'visibility:hidden'と' visibility:visible'を使ってアイテムの横にツールチップのテキストを隠して表示できませんか?彼らは必要なスペースを取る。このように:https://jsfiddle.net/ny610aL1/2/ – nonzaprej

+0

はい、ツールチップはいくつかの追加情報としてもっと使用されます –

+0

ツールチップは 'left:-20px'のために切り詰められています。これを' 0 'にすると、問題を解決するように見える。 https://jsfiddle.net/azs06/ke4hfq74/1/ – azs06

答えて

0

いいえ、ツールチップコンテナをオーバーフローコンテナの外側に置く必要があります。 これらのダイアログレイヤーは、たいていこの理由=>位置決めのためにbodyの終了タグの前に終わります。

ツールチップウィジェットには、JavaScriptライブラリ(jQuery-UI、ブートストラップなど)が添付されていることがよくあります。

CSS専用のソリューションでは、測位が計算されずに予測されるという事実に満足している必要があります。

関連する問題