收藏
回答

下一个基础库版本中,取消支持position: sticky?

框架类型 问题类型 终端类型 微信版本 基础库版本
小程序 Bug 客户端 6.7.3.1340 2.4.0

- 当前 Bug 的表现(可附上截图)




- 预期表现




- 提供一个最简复现 Demo

<!--moui.wxml-->
 
<template name='Navbar'>
  <view class='moui-navbar'
    style='--activeIndex:{{activeIndex}};position:sticky;top:0;padding-top:{{statusBarHeight||"20"}}px;border:0'>
    <block wx:for='{{tabs}}' wx:key='*this'>
      <view id='{{index}}' style='width:144rpx;{{textStyle||""}}' bindtap='{{bindtap}}'
        class='moui-navbar__item {{activeIndex==index?"active":""}}'>
        {{item}}
      </view>
    </block>
    <view wx:if="{{reload}}" bindtap='confirmReload' hover-class='card-hover'
      style='width:22px;height:22px;padding:10px;border-radius:50%'>
      <view class='icon-reload' style='width:22px;height:22px' />
    </view>
    <view class='moui-navbar__slider'
      style='width:32px;height:2px;left:calc((var(--activeIndex) + 0.5) * 144rpx - 16px)'/>
  </view>
</template>
 
 
<!--page-->
 
<import src='./path/to/moui.wxml' />
<template is='Navbar' data='{{...Navbar}}' />


// page.js
 
Page({
 
  data: {
    Navbar: {
      activeIndex: 0,
      ...appData.systemInfo,
      tabs: ['问卷', '收藏'],
      bindtap: 'bindChangeIndex',
      textStyle: 'transition:none;-webkit-transition:none',
    },
  },
  bindChangeIndex: function ({ currentTarget: { id }, detail: { current, source } } = {}) {
    if (id.toString() || source === 'touch') {
      let activeIndex = id.toString() || current;
      if (parseInt(activeIndex) !== this.data.Navbar.activeIndex) {
        this.setData({ ['Navbar.activeIndex']: parseInt(activeIndex) });
      }
    }
  },
});


/** app.wxss **/
@import 'style/moui.wxss';
/** https://github.com/mofong/moUI **/


最后一次编辑于  2018-09-15
回答关注问题邀请回答
收藏

2 个回答

  • Yzy
    Yzy
    2018-09-15

    我也遇到了同样的问题,上个礼拜三还可以,昨天看就失效了,每次更新这个问题都会出来,无语。。。

    2018-09-15
    有用 3
    回复
  • 疯狂的小辣椒
    疯狂的小辣椒
    2018-09-17

    你好,参考下面的回答。另外建议后续经过搜索后再提问,以提高问题解答的效率。

    position:sticky
    https://developers.weixin.qq.com/community/develop/doc/0002ee468c8f50a37ef6ba8515b800


    2018-09-17
    有用
    回复 1
    • 2018-09-17

      你好,微信6.7.2在Android上是支持sticky的,6.7.3又不支持了

      2018-09-17
      回复
登录 后发表内容