2048
登录
没  有  难  学  的  前  端
登 录
×
<返回上一级

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

绝对定位dialogoffsetjquery作者:猿2048志愿者

在做搜索框,根据输入内容去后台匹配数据显示到输入框下的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);  
    }
网友回复
我要回复
点击刷新
回复
猜你喜欢
(十万案例免费下载)
相关问题
推荐案例
×添加代码片段