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 );

  • 相关阅读:
    mybatis-cache model
    多线程开发(1)
    正则表达式(3) — 正则表达式库
    正则表达式(2) — 表达式规则
    我在迈瑞工作的两年总结
    正则表达式(1) — 常用的表达式
    C++系列(2) — 智能指针
    C++系列(1) — string
    路径去除前缀
    SIMD性能优化
  • 原文地址:https://www.cnblogs.com/hxb2015/p/4909541.html
Copyright © 2011-2022 走看看