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

  • 相关阅读:
    [转]C++引用
    安装Charles报错
    BigDecimal用法详解
    Map类集合
    Dubbo定义及其作用
    idea常用插件
    GitLab常用命令
    激活idea
    开发微信公众账号报错 返回码详细解释
    微信公众号 iOS UITextFiled 用中文键盘输英文出现空格的解决方法
  • 原文地址:https://www.cnblogs.com/hxb2015/p/4909541.html
Copyright © 2011-2022 走看看