在navigationStyle custom 模式下,我想通过fixed定位,自定义一个导航栏,但是,自定义的使用fixed定位的导航栏,在从其它页面,导航到此页面的时候,导航栏都会出现抖动的现象。

请在手机上看效果,只有才小程序真机上,才会出现问题

机型:华为P10


下面是代码片段:


---------------example.js---------------

    Page({

    data: {

    testArray:[]

    },

    

    onLoad: function(){

    var array = [];

    //这里添加一个循环的目的,是为了让抖动的效果更加的明显,更容易发现问题

    //一定要到小程序真机的环境测试,情况才能出现

    for (var i = 0; i < 10000; i++){

    array.push(i);

    }

    

    this.data.testArray = array;

    

    this.setData({

    testArray: this.data.testArray

    });

    }

    })


---------------example.wxml---------------

    <view>

    <view class='content'>

    1.当在小程序真机上测试的时候,从别的页面导航到该页面,该页面底部 “我是fixed定位” 就会出现抖动, 具体表现是,一开始其位置在底部上面一点,过很短时间之后,又滑到到最底部的位置 2.当在开发者工具中测试的时候,不会出现抖动的问题

    </view>

    <view class="bottom">

    我是fixed定位

    <block wx:for="{{testArray}}">

    <view style='display:none'>111</view>

    </block>

    </view>

    </view>

    

---------------example.wxss---------------

    .head {

    text-align: center;

    height: 150rpx;

    line-height: 150rpx;

    background-color: pink;

    }

    

    .content{

    text-align: center;

    background-color: #ddd;

    height: 300rpx;

    padding-top: 200rpx;

    }

 &

展开全部
收起
2回答
提交回答
  • 至过去的我

    2044人对此回答表示赞同

    我是未来的你,你现在是不是在年找寻小程序答案。你不要感觉诧异,给你来信原因,就是让你不在后悔。今天去学习如何推广小程序,相信......点击查看更多>
    发布于
  • Anna

    12人对此回答表示赞同

    这个代码分享,好像有问题,我分享了几次,打开都是乱码,我也不知到怎末回事

    展开
    12
    2回复
    发布于 6年前

    评论(2)

    收起评论

    • Veasna 2019-02-04 22:51

      已经分享了,代码片段,请您查看

      回复
    • Piper 2019-02-07 00:36

      乱码目前没有好的办法可以解决,所以这边只能麻烦你重新提供下代码片段,麻烦也补充下出现问题的机型和微信版本,谢谢

      回复
  • 伦敦警察

    6人对此回答表示赞同

    你所提供的代码片段无法正常运行,请重新提供一下

    展开
    6
    0回复
    发布于 6年前

    评论(0)

    收起评论

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
咨询热线

13312967497

扫码添加业务即可随时咨询 还可领取小程序推广攻略

业务咨询: 13312967497
扫码咨询

扫码咨询套餐

回到顶部