元素偏移量offset系列 京東放大鏡案例

2022-06-25 22:30:21 字數 501 閱讀 5418

問題1、son1移動距離,son2也移動等比例距離

解決思路 son1的偏移距離(e.pagex-image1.offsetleft)與son1的最大偏移距離(image.width-son1.width)之比 === son2的偏移距離與son2的最大偏移距離之比

也就是 son2的偏移距離=son1的偏移距離*(son2的最大偏移距離比son1的最大偏移距離)

問題2、son1 與son2的資訊同步(son2為son1的放大倍數)

解決思路,son1與img1的比例=son2與img2的比例

元素偏移量 offset系列

offset 翻譯過來就是偏移量,我們使用offset 系列相關屬性可以動態的得到改元素的位置 偏移 大小等。offset系列屬性 作用element.offsetparent 返回作為該元素帶有定位的父級元素 如果父級都沒有定位則返回body element.offsettop 返回元素相對帶有定...

元素偏移量offset系列

1.可以得到元素的偏移 位置 返回的數值不帶單位 console.log f.offsettop console.log f.offsetleft 它以帶有定位的父親為準 如果沒有父親或父親沒有定位則以body為準 console.log s.offsetleft 2.可以得到元素的大小 寬度和高度...

元素偏移量offset系列

offset翻譯過來,就是偏移量,我們使用offset系列相關屬性,可以動態的得到該元素的位置 偏移 大小等。offset系列常用屬性 offset系列屬性 作用element.offsetparent 返回作為該元素帶有定位的父級,如果父級都沒有定位,則返回body element.offsett...