收藏
回答

小程序有什么办法完美实现,上滑隐藏导航栏,下拉显示导航栏

类似这种


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

1 个回答

  • Helberrrt
    Helberrrt
    2018-08-20

    onPageScroll  根据位置判断上下滑动动作  ,对应调用显示/隐藏tabbar的API


    2018-08-20
    赞同
    回复 3
    • 7
      7
      2018-08-20

      var new_scroll_position = 0;

      var last_scroll_position;


      onPageScroll: function (e) {

          var that = this

          last_scroll_position = e.scrollTop;

          if (new_scroll_position < last_scroll_position && last_scroll_position > 20) {

              setTimeout(function () {

                  that.setData({

                  write_style: 'slideDown'

                  })

              }, 100);

          } else {

              setTimeout(function () {

                  that.setData({

                  write_style: 'slideUp'

                  })

              }, 100);

          }

          new_scroll_position = last_scroll_position;

      },



      这是我的写法,但始终无法完美实现,有一些Bug

      2018-08-20
      回复
    • Helberrrt
      Helberrrt
      2018-08-20回复7

      bug是页面拉到顶部以上的时候 和 拉到页面最底部以下的时候 吗?  最大最小值限制一下

      2018-08-20
      回复
    • 7
      7
      2018-08-30回复Helberrrt

      具体怎么写啊

      2018-08-30
      回复