                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /H5+JS+CSS3实现七夕言情

求解释,不懂这两句

return data.top + data.height / 2; return data.top + data.height / 2; 这两句怎么得来的,为什么要这样写,计算好的?求解释

秦京超

2017-12-19

源自：H5+JS+CSS3实现七夕言情 3-1

关注问题我要回答

1473

操作

收起

1 回答

恩桐
2017-12-23

var pathY = function() {

var data = getValue('.a_background_middle');

return data.top + data.height / 2;

}();

这段代码的意思是将一个匿名函数立即运行后返回的结果赋值给 pathY 变量

data 是通过getValue方法返回的一个对象，它有 top 和 height 两个属性 top 是指这个元素左上角顶点离窗口顶部的位置，height是指这个元素自身的高度， data.top + data.height / 2 是计算出这个元素中点y坐标的值，也就就是这个元素中线离顶部的距离，然后再把任务定位在这个点，就变成了人物在路上