收藏
回答

小程序input框 type="number" 时自动上推页面效果失效

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug input 微信安卓客户端 8.0.34 2.32.0

期望效果:

设置为input 框type为number后 :

回答关注问题邀请回答
收藏

1 个回答

  • Young nbe
    Young nbe
    2023-08-31

    在小程序中,当输入框的类型为 "number" 时,自动上推页面效果可能会失效。这可能是因为小程序框架在处理这种类型的输入框时,没有实现自动滚动到最底部的功能。


    如果你想要实现自动上推的效果,可以尝试以下方法:


    使用 "text" 类型的输入框代替 "number" 类型。这样,当用户输入数字时,输入框仍然可以接受输入,并且自动滚动功能也会正常工作。

    在输入框下方添加一个按钮,当用户点击该按钮时,触发上滚动事件。你可以使用 wx.pageScrollTo 方法来实现页面的滚动。例如:

    javascript

    wx.pageScrollTo({

      scrollTop: 0,

    })


    这将滚动页面到顶部。你可以根据需要调整 scrollTop 的值来控制滚动位置。 3. 监听输入框的 input 事件,并在事件处理函数中手动实现滚动效果。例如:


    javascript

    input: function (event) {

      // 在这里实现滚动效果

      var scrollTop = event.detail.scrollTop;

      // 根据需要调整滚动位置

      // ...

    }


    请注意,这种方法需要手动计算并设置滚动位置,可能需要更多的调试和调整才能达到期望的效果。


    希望这些方法能帮助你解决问题!如有其他疑问,请随时提问。


    https://www.pycac.com/post/334745.html

    https://www.pycac.com/post/334744.html





    2023-08-31
    有用
    回复 2
登录 后发表内容