lamboxxm 2015-05-05 03:13 采纳率: 66.7%
浏览 7630
已采纳

jquery绝对定位元素用offset设置偏移,显示位置不对

在做搜索框,根据输入内容去后台匹配数据显示到输入框下的div里,
一个没定位的input,一个绝对定位的div,获取input的offset直接赋值给div,
结果div在input下面,两个元素的内外边距都用内联方式设置为0了
(这个页面是嵌在父页面dialog的iframe里的,
看起来就好像div的top多加了dialog标题栏的高而input没有,
因为我用top减了标题栏的高之后两个元素基本重叠了,而且单独打开这个页面位置也对。。可是offset不是相对文档的偏移吗)
html:

 <input id="input" onfocus="startMatch()" onblur="stopMatch()" class="text" value="请输入" style="margin:0;padding:0;"/>
<div id="searchDiv" style="border:1px solid #52a6e3;position:absolute;display:none;margin:0;padding:0;">
        <ul id="dataUl" style="list-style:none;">
        </ul>
</div>

js:

 function setPosition(){
        var left = $("#input").offset().left;
        var top = $("#input").offset().top;
        var divOffset = {left:left,top:top};
        var width = $("#input").width();
        $("#searchDiv").offset(divOffset);  
    }
  • 写回答

1条回答 默认 最新

  • Go 旅城通票 2015-05-05 03:27
    关注

    不要用offset,会叠加。

    
        function setPosition() {
            var left = $("#input").offset().left;
            var top = $("#input").offset().top;
            var divOffset = { left: left, top: top };
            divOffset.top += $("#input").height(true);
            $("#searchDiv").css(divOffset).show();
        }
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥20 qt中connect两个signal
  • ¥20 pix2pixHD运行测试命令时出现数据类型错误无法反向传播的问题
  • ¥15 python处理Excel符合条件的行自动填写数据分类
  • ¥15 汇编hook举例并讲解(通俗易懂,学习用)
  • ¥20 用c++语言模拟键盘电子琴设计
  • ¥15 STM32cubemx生成keil工程,有问题与正常的情况不同,求解!
  • ¥15 如何自动点击银行app的安全键盘,实现密码自动输入
  • ¥15 关于四边形重叠的问题
  • ¥15 用verilog语言设计一个简易的八音符电子琴,可通过按键输入来控制音响。演奏时可以选择是手演奏(由键盘输入)或自动演奏已存入的乐曲。能够自动演奏多首乐曲,且每首乐曲可重复演奏
  • ¥15 sap gui脚本每次到导出Excel的时候就停住不动。不会另存为。