zoukankan      html  css  js  c++  java
  • ionic的start-y属性初始化页面

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

  • 相关阅读:
    [转]ARM平台下独占访问指令LDREX和STREX
    ARM MMU
    在字符串中查找子字符串并提取它
    获得字符串的长度
    连接字符串
    循环用于迭代数组中的项目
    循环的标准
    if ... else 语句
    添加一个图像切换器
    css 中的z-index
  • 原文地址:https://www.cnblogs.com/hxb2015/p/4909541.html
Copyright © 2011-2022 走看看