继续升级组件的疑问

来源：

谷白

2016-04-18

1：确认理解 H5ComponentBase 中位置设置是如何工作的，如果设置其位置，比如：理解在创建一个组件的的时候，设置 cfg 的 css:{left:'10px',top:'10px'} ，这段代码是如何工作的，

理解啊这句话

什么是相对定位，相对于谁。一个组件设置了定位信息后，是相对于某个元素进行定位的.。（什么都没有设置的话，默认是相对于 body 定位）

这个也理解

如果我们增加一个参数比如， relativeTo ，指向到一个元素，我们称之为父元素，并且这个父元素设置为允许子元素绝对定位（父元素 position 必须是 absolute 或 relative），如果在创建一个组件的的时候有设置 relativeTo 的话，我们就把当前这个组件 appendTo 到父元素中去。:-)

relativeTo，还是不理解这个的意思？

这个是干什么的。只是简单的设置定位？还是提供定位的左右上下距离，top ,right,bottom,left;

写回答

1回答

Lyn_Tech

2016-04-20

已采纳

改造 H5ComponeBase ，如果 cfg.relativeTo 这个参数有传的话，就把组件自身插入（appendTo）到 cfg.relativeTo 直向的元素。'

        if( cfg.relativeTo ){
            var parent = component.parent().find('.h5_component_name_'+cfg.relativeTo);
            component.appendTo(parent);
        }

2. 这样原来相对定位，默认是相对到 body 的，就会相对父元素定位了。

谷白

非常感谢！

2016-04-20

共1条回复

Web App用组件方式开发全站

用HTML5/CSS3/JS流行技术，实现移动端可视化数据报告

3164 学习 · 516 问题

查看课程

相似问题

注意：粉红色的新组件和灰色原始组件的 CSS 设置 top 是一样的，但是表现不一样（ y 轴的位置不一样）

回答 1