找回密码
 立即注册

QQ登录

只需一步,快速开始

chenjamo
金牌服务用户   /  发表于:2022-9-3 16:34  /   查看:4095  /  回复:20
1金币
本帖最后由 chenjamo 于 2022-9-3 16:46 编辑

手机页面中的结构是下图,中间是一个页面容器,页面容器对应的内容是一个图文列表,类似于钉钉或是飞书的审批单条目,要实现内容滑动的时候上面的菜单和下面的菜单是不动的
下面的菜单已经确定不会被覆盖,但是上面的菜单在页面容器中的内容加载滑动的时候会滚动后不显示了
根据论坛的一个帖子的CSS
内容是.fixedBb {
        position: fixed !important;
        top: auto !important;
        bottom: 10px;
        z-index:10;
}
由于Z-index的原因,页面容器中的图文列表的触发命令无法使用
如果去掉z-index:10又可以,但是去掉z-index的话悬浮功能就无效了

PS看了原帖子7.0之后要添加另外的两个属性,但是我添加后这个菜单直接没了,不确定这两个尺寸对应的是什么功能


   

附件: 您需要 登录 才可以下载或查看,没有帐号?立即注册

20 个回复

正序浏览
Lay.Li悬赏达人认证 活字格认证
超级版主   /  发表于:2022-9-14 16:42:44
21#
好的,这边也和开发同事沟通了一下,修改css也不太好做,可以尝试将图文列表所在的行中的任意一行设置为范围模式,将最大值设置为1000这样的比较大的值。看看能不能实现这个需求
回复 使用道具 举报
chenjamo
金牌服务用户   /  发表于:2022-9-14 15:36:48
20#
Lay.Li 发表于 2022-9-13 15:33
您好,意思是将这里范围模式的最大值调整的大一些,js的话我们也不是很擅长,您可以先试试流式布局的方案:l ...

无效,不管是自适应或是范围模式都是,感觉只能测试其他方案了,麻烦先将另外一个帖子,升级后的8.0.100 PC的钉钉第三方登录看下
https://gcdn.grapecity.com.cn/fo ... mp;extra=#pid580042
回复 使用道具 举报
Lay.Li悬赏达人认证 活字格认证
超级版主   /  发表于:2022-9-13 15:33:13
19#
您好,意思是将这里范围模式的最大值调整的大一些,js的话我们也不是很擅长,您可以先试试流式布局的方案

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
chenjamo
金牌服务用户   /  发表于:2022-9-13 14:28:21
18#
Lay.Li 发表于 2022-9-9 18:13
问题跟进:
您好,开发同事给反馈了,是因为钉钉那边兼容有问题,您可以尝试把自适应模式改成范围模式,范 ...

自适应和范围模式都试过,范围模式还设置过直接一块的或是分成多块的都不行,没法通过JS解决问题?

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
Lay.Li悬赏达人认证 活字格认证
超级版主   /  发表于:2022-9-9 18:13:11
17#
问题跟进:
您好,开发同事给反馈了,是因为钉钉那边兼容有问题,您可以尝试把自适应模式改成范围模式,范围模式的最大值可以设置大一些。看看能不能实现这个效果
回复 使用道具 举报
Lay.Li悬赏达人认证 活字格认证
超级版主   /  发表于:2022-9-6 16:20:10
16#
回复 使用道具 举报
chenjamo
金牌服务用户   /  发表于:2022-9-6 15:21:04
15#
Lay.Li 发表于 2022-9-6 14:43
这边调查了一下,发现在pc的钉钉中都是正常的,应该是手机钉钉浏览器的兼容问题,反馈给开发同事研究一下哈 ...

好的,能官方兼容的话还是官方兼容,不然的话自己修改怕后续有其他兼容问题
回复 使用道具 举报
chenjamo
金牌服务用户   /  发表于:2022-9-6 11:28:17
13#
本帖最后由 chenjamo 于 2022-9-6 11:29 编辑
Lay.Li 发表于 2022-9-6 10:07
大佬,这个width和height设置的是单元格的宽和高,bottom指的是单元格距离浏览器低端的距离。您的意思是这 ...

麻烦帮忙看下这个demo,由于钉钉用户的绑定问题,需要自行添加用户
然后已经添加了css的样式,直接发布后就可以测试
现在的这个demo可以实现不会被屏蔽上部分标签页头的情况,但是就是图文列表的内容无法点击后跳转

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
Lay.Li悬赏达人认证 活字格认证
超级版主   /  发表于:2022-9-6 10:07:03
12#
大佬,这个width和height设置的是单元格的宽和高,bottom指的是单元格距离浏览器低端的距离。您的意思是这段css代码在使用页面容器的时候是不生效的,必须要添加z-index才能实现效果嘛。方便的话建议您可以发一个demo上来,我们这边找开发同事看看能不能修改一下,也可以顺便增加一下这个帖子的方案
回复 使用道具 举报
chenjamo
金牌服务用户   /  发表于:2022-9-6 08:35:11
11#
Lay.Li 发表于 2022-9-5 18:01
感谢各位大佬的支持~
大佬,您的意思是这篇帖子中的js在普通认证模式下的流程器是可以正常使用的,但是在 ...

这个JS需要加上z-index才能实现效果,但是加上z-index后由于层级问题,容器中的内容命令无法触发,就是点击容器中的条目是没法触发跳转命令的
回复 使用道具 举报
123下一页
您需要登录后才可以回帖 登录 | 立即注册
返回顶部