zoukankan      html  css  js  c++  java
  • 微信小程序


    需求: 这是一个可横向滚动的导航条,现在要求我,从别的页面reLaunch回到首页这里,刷新页面内容的同时,菜单项要滚动出来
       (如果该菜单项不在可视区域),而不是让他被挡住。

    代码:
    <scroll-view class="nav-scroll" scroll-x="{{true}}" nenable-flex="{{true}}"
          scroll-into-view="{{toView}}" scroll-with-animation="{{true}}">

    <view bindtap="changeCategory" wx:for="{{nav_menu}}" class="nav-tab"
            data-index="{{index}}" id="cate{{index}}">

    <text class="{{menu_active==index ? 'active' : ''}}">{{item.name}}</text>
    <view wx:if="{{menu_active == index}}" class="tab-line"></view>
    </view>
    </scroll-view>

    --------------------------------------------------------
    that.setData({
    nav_menu: res.data,
    },()=>{
    that.setData({
    toView: 'cate' + that.data.menu_active
    })
    });

    尝试过在onLoad、onShow、onReady下重新赋值toView,但是始终不起作用。再后来...
    幸亏看到了说数据(菜单列表)渲染未完成,导致打开页面滚动指定位置失败的原因,然后提供的办法是
    使用setData的回调,棒呆!!!

    众里寻解决办法于百度,那答案却在微信开放社区处...
    https://developers.weixin.qq.com/community/develop/doc/0006e8383f4f906c4ac6fe01456804
     
    Higher, faster, stronger!
  • 相关阅读:
    WPF TextBox 一些设置技巧
    Rust 初始配置
    Framework​Element.​Find​Name 根据名字查找控件
    C# SQLite 数据库操作
    MP3 信息读取
    C# event 事件学习
    Nginx 整合 Lua 实现动态生成缩略图
    Spring Cloud 入门 之 Config 篇(六)
    Spring Cloud 入门 之 Zuul 篇(五)
    Flyway 简单入门教程
  • 原文地址:https://www.cnblogs.com/Meiwah/p/11945823.html
Copyright © 2011-2022 走看看