老师，设置男孩top坐标没理解明白，感觉没必要这么写-慕课网

老师，设置男孩top坐标没理解明白，感觉没必要这么写

来源：3-1 布局的自适应动态调整

Knows

2015-08-14 14:40

感觉设置boy坐标的代码有点多余了，也许可能是您以后代码需要，但现在感觉不是太明白。

您写的js代码，目的就是获取从页面顶部到a_background_middle垂直坐标中间的距离，然后再减去男孩的高度，最后再加上25像素是为了让男孩脚下的阴影往下方移一下。感觉步骤有点太繁琐了。

我个人有点小建议，首先a_background_middle和a_background_bottom的高度都已经定下来，分别是13.1%和15.3%，这里我们可以直接计算出，页面底部到a_background_bottom垂直坐标中间的距离，也就是13.1%/2 + 15.3%，得到21.85%。

得到距离后，就可以在html文档中设置boy的bottom，这样就直接让男孩的坐标放在马路中间，也在这个距离上直接减小百分百，来达到下移25个像素的效果。如果要求比较精确的话，也可以直接用jq获取男孩bottom的值，减去25个像素既可。

写回答关注

H5+JS+CSS3实现七夕言情

为七夕节准备的H5+JS+CSS3特效案例，由浅入深案例拆分讲解

211524 学习 · 540 问题

相似问题

回答 1

回答 1

回答 1

回答 1

回答 2