作者jinvmp (靜)
看板Ajax
標題[問題] 請問有關 js 定位
時間Sun Mar 10 09:27:37 2013
是這樣的,我想要做一個下拉的功能。
當點擊某個A元素,在下方會捲動出現一個B區塊寬度與A相同
而且A可能會有margin, padding和border
想請教一下要如何才可以讓B元素直接在A下方顯示出來
目前定位都定不準…以下是部份程式碼
B區塊的產生及定位
list = $("<div>")
.appendTo("body")
.addClass("list")
.css({
"position": "absolute",
"left": a.position().left,
"top": a.position().top + a.outerHeight(),
"width": a.outerWidth()
});
雖然已經取的top值是outerHeight,不過好像還是有壓到A元素
需要再top值額外加2px左右
不知道是不是漏掉了什麼,或者一般通常的寫法該怎麼寫?
請大家給我一個方向,謝謝~
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 220.132.215.65
1F:推 LaPass:定位真的事很頭痛的問題 orz 03/10 11:52
2F:→ tyf99:有border? 03/10 12:46
3F:→ tyf99:比較簡單的方式 table rowA, rowB 03/10 12:48
4F:→ jinvmp:我是要寫jquery plugin用的,應該無法用table吧! 03/10 13:25
5F:→ tyf99:why not? 複製A到table rowA,再隱藏A,很基本的作法 03/10 14:36
8F:→ jinvmp:感謝各位熱心回應~>///< 這樣應該夠了,我再試試!謝謝。 03/10 17:14