0

Web ページにフローティング ツールチップを配置しようとしていますが、ツールチップがウィンドウの右端にぶら下がっている場合は、反対方向に反転する必要があります。これが私が持っているものです：

$('[data-tooltip]').mousemove(function(e) {
    var left = e.pageX + 1;
    if(left + $kewtip.outerWidth() > ?????) {
        left = e.pageX - $kewtip.outerWidth() - 1;
    }
    var top = e.pageY - $kewtip.outerHeight() - 1;
    $kewtip.css({
        left: left,
        top: top
    });
});

疑問符に何を記入すればよいかわかりません。left + $kewtip.outerWidth()ツールチップの右端が表示されるはずです。それがウィンドウの右端よりも大きいかどうかを確認したいと思います。

$(window).width()特に水平に少しスクロールした場合は機能しません。

4

2 に答える 2

2

スクロール位置に追加しようとしましたか？

$(window).width() + $(document).scrollLeft()
于 2012-06-19T20:16:43.837 に答える
1

jQuery UI を使用できるかどうかはわかりませんが、これを行うために使用できる Position ユーティリティがあります。このユーティリティには、collisionあなたの場合、flip目的の動作を実現するために設定できるというプロパティがあります。

于 2012-06-19T20:17:44.650 に答える