首页 > 其他 > 详细

ionic的start-y属性初始化页面

时间:2015-10-25 22:27:07      阅读:291      评论:0      收藏:0      [点我收藏+]

技术分享

混合式开发移动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 );

ionic的start-y属性初始化页面

原文:http://www.cnblogs.com/hxb2015/p/4909541.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!