收藏
回答

手机上position: fixed view点击没有触发点击事件?

页面

<view class="round-clickbind:tap="test">

       点我添加

    </view>

样式

.round-click{

  height: 120rpx;

  width: 120rpx;

  background-color: #d92a2a;

  border-radius: 100%;

  position: fixed;

  bottom: 150rpx;

  right: 20rpx;

  display: flex;

  align-items: center;

  justify-content: center;

  z-index: 9;

}

.round-click navigator{

  font-size: 32rpx;

  max-width: 80rpx;

  color: #fff;

  text-align: center;

}

js

test(){

    console.log("点击了");

  }


最后一次编辑于  2023-11-01
回答关注问题邀请回答
收藏

2 个回答

  • краб
    краб
    2023-11-02

    是不是 skyline 模式下,还不支持 fixed

    2023-11-02
    有用
    回复
  • 大山
    大山
    2023-11-01

    代码检查没啥问题,我这可以触发点击事件。重新打开发者工具或者切换高版本基础库,页面是否有其他元素标签层级更高的有影响?

    2023-11-01
    有用
    回复 5
    • maple
      maple
      2023-11-02
      开发工具上可以,手机上不行!
      2023-11-02
      回复
    • 大山
      大山
      2023-11-02回复maple
      我这真机测试也正常,发个完整的代码片段看看
      2023-11-02
      回复
    • maple
      maple
      2023-11-02回复大山
      https://developers.weixin.qq.com/s/hRTNYpm67rMH
      2023-11-02
      回复
    • 大山
      大山
      2023-11-02回复maple
      skyline 不支持 fixed ,参考文档描述,包裹一层父节点设置高度,按钮使用 absolute。或者文档中的 root-portal 组件。
      2023-11-02
      回复
    • maple
      maple
      2023-11-02回复大山
      好的,谢谢!
      2023-11-02
      回复
登录 后发表内容