0

何かが入力されたときに入力の下に表示される提案ボックスを備えたテキスト入力があります。問題は、ページをズームすると、ボックスがわずかに異なる位置 (1 ～ 3 ピクセル) に表示されることがあります。ページの縮尺に関係なく、入力フィールドの一番下の行に対して、提案ボックスが常に正確に左 0 ピクセル、上 0 ピクセルのままであることを保証する方法はありますか? ありがとう。

tBox = $('#textBox')[0];

$('#suggestionBox').css({
    width: "151px",
    border: "1px solid grey",
    position: "absolute",
    top: (tBox.offsetTop + tBox.offsetHeight) + "px",
    left: tBox.offsetLeft + "px"
});

<input type="text" id="textBox" />
<div id="suggestionBox" style="display:none;">suggesion</div>
4

2 に答える 2

3

このhttp://docs.jquery.com/UI/API/1.8/Positionを試してみましたか?

http://jsfiddle.net/ZpFm9/1/

$("#suggestionBox").position({
    my: "left top",
    at: "left bottom",
    of: $('#textBox')
});
于 2013-04-16T13:11:06.380 に答える
0

簡単な例を参照してください: http://jsfiddle.net/JQeTT/

$('#suggestionBox').css({
   width: "151px",
   border: "1px solid grey",
   position: "absolute",
   top: ($('#textBox').offsetTop + $('#textBox').offsetHeight) + "px",
   left: $('#textBox').offsetLeft + "px"
});

$('#textBox').focus(function(){

   $("#suggestionBox").show();
}).blur(function(){ //if lost the focus, the suggestion box hide again
   $("#suggestionBox").hide();
});
于 2013-04-16T13:20:40.277 に答える