APICloud 如何实现将UIScrollPicture 模块添加到指定元素里面
2017-11-24 14:09
2001 查看
先注意以下几点:
1、 UIScrollPicture 模块是 scrollPicture 模块的优化版。
2、不能同时添加的模块:fog2
使用APICloud做APP的小哥哥小姐姐们是不是一样会遇到这个问题,在项目中使用UIScrollPicture 制作轮播图效果,想把UIScrollPicture 放在自己写的一个div标签中。但是UIScrollPicture 模块使用的时候是相当于重新打开了一个frame,因此无法实现这个效果。
通过各种搜索发现了fixedOn:“”,这个属性配置,然后各种试着配置还是不能成功。
换个思路
首先把 fixedOn:api.frameName;这个属性配置为当前frame对应的name,然后我们做好的UIScrollPicture 模块有位置的配置,我们只要把UIScrollPicture 的位置放在我们写好的div的相同位置就可以了。
具体代码如下
然后在UIScrollPicture 的位置配置中去获取mySlider 的宽高和位置就可以了
1、 UIScrollPicture 模块是 scrollPicture 模块的优化版。
2、不能同时添加的模块:fog2
使用APICloud做APP的小哥哥小姐姐们是不是一样会遇到这个问题,在项目中使用UIScrollPicture 制作轮播图效果,想把UIScrollPicture 放在自己写的一个div标签中。但是UIScrollPicture 模块使用的时候是相当于重新打开了一个frame,因此无法实现这个效果。
通过各种搜索发现了fixedOn:“”,这个属性配置,然后各种试着配置还是不能成功。
换个思路
首先把 fixedOn:api.frameName;这个属性配置为当前frame对应的name,然后我们做好的UIScrollPicture 模块有位置的配置,我们只要把UIScrollPicture 的位置放在我们写好的div的相同位置就可以了。
具体代码如下
var mySlider = document.getElementById('mySlider');//先获取放轮播图的div
然后在UIScrollPicture 的位置配置中去获取mySlider 的宽高和位置就可以了
rect : { x : mySlider.offsetLeft ,//mySlider距离屏幕左边的距离 y : mySlider.offsetTop,//mySlider距离屏幕上边的距离 w : mySlider.clientWidth,//mySlider的宽度 h : mySlider.clientHeight//mySlider的高度 },
相关文章推荐
- 如何给数组添加元素,插入一个元素,删除一个元素,替换数组里面的元素,交换数组里面的元素
- 在GridView里面添加CheckBox,如何实现哪一行被选中
- 怎么使用jquery判断一个元素是否含有一个指定的类(class)另外如何给元素动态添加类
- 在FTE的project里面,如何在一个没有Toolbar的screen添加Toolbar来实现快捷操作
- HashSet类是如何实现添加元素保证不重复的---哈希码的原理
- 我有一个集合,如下,请问,我想判断里面有没有"world"这个元素,如果有,我就添加一个"javaee"元素,请写代码实现。
- APICloud 图片轮播模块 UIScrollPicture
- Java学习疑点(6)--Set集合添加元素时底层如何实现无重复元素?
- 原生js实现查找/添加/删除/指定元素的class
- 如何实现一个img元素在指定容器中水平,垂直居中
- 在GridView里面添加CheckBox,如何实现哪一行被选中
- 如何实现页面右侧浮动导航???点击导航的选项后,页面会定位到指定的栏目模块中
- c#如何实现对指定路径文件夹的遍历并复制里面所有文件到指定路径
- 如何在一个js中新添加的元素的里面插入新的元素。
- 数组的创建/查找数组里面的内容/添加数组中元素/使用指定的字符串把数组链接起来/判断数组内是否有指定的数组元素/四种遍历进行输出数组中的元素有哪些
- 原生js实现查找/添加/删除/指定元素的class
- 实现在一个数组指定位置添加元素和删除元素的功能
- 如何实现服务器端下页面动态添加JavaScript脚本
- 如何用Socket实现客户端通信模块
- 在使用exp/imp时如何实现导入数据到指定的表空间