ionic的start-y属性初始化页面
2015-10-25 20:52
501 查看
混合式开发移动app,要实现的是初始化页面时不展示搜索框,让页面向上移动一定位移。
<ion-content class="has-subheader" start-y="38"> </ion-content> 可以实现。
应用js也能实现:
var cont = document.getElementsByTagName("ion-content")[0];
var start_top = 53;
var end_top = 88;
var slideShow = function(obj,start,end){
var start_top = $(obj).offset().top;
obj.addEventListener('touchstart', function(event) {
event.preventDefault();
if (event.targetTouches.length == 1) {
var touch = event.targetTouches[0];
start_top = touch.pageY;
}
});
obj.addEventListener('touchmove', function(event) {
event.preventDefault();
if (event.targetTouches.length == 1) {
var touch = event.targetTouches[0];
var top = parseFloat(touch.pageY - start_top);
if(top <= 35){
obj.style.top = String(top + start) + "px";
}else{
obj.style.top = end + "px";
}
}
});
}
slideShow(cont ,start_top ,end_top );
相关文章推荐
- IT猿涨工资必备技能--GCT答题技巧
- Codevs3286 火柴排队
- Java中的线程中断:interrupt()、interrupted()和isInterrupted
- Log4j简介
- 数据库安全
- 使用Android Support Design 控件TabLayout 方便快捷实现选项卡功能
- Scikit-learn Preprocessing 预处理
- Android四大图片缓存框架之-Picasso和Glide
- 使用Android Support Design 控件TabLayout 方便快捷实现选项卡功能
- ubuntu mongodb报错:mongo - couldn't connect to server 127.0.0.1:27017
- shell 脚本参考
- Log4j使用教程
- js中 json详解
- ubuntu mongodb报错:mongo - couldn't connect to server 127.0.0.1:27017
- WCF学习笔记
- LBP特征的实现及LBP+SVM分类
- 二叉树的建立与遍历(C语言简单实现)
- Paint
- poj1061青蛙的约会【扩展欧几里得求最小解】
- mybatis入门教程