找回密码
 立即注册

QQ登录

只需一步,快速开始

waitgboualats 活字格认证

高级会员

61

主题

161

帖子

1826

积分

高级会员

积分
1826

活字格认证

waitgboualats 活字格认证
高级会员   /  发表于:2022-11-24 09:12  /   查看:1558  /  回复:4
10金币


活字格一键安装所有官方插件 - 葡萄城市场 (grapecity.com.cn)

想咨询下,葡萄城市场中具体应用/插件的详情页面中,当页面下滑时自动出现顶部菜单栏并固定在上方,回到页面顶部又自动消失的效果是如何实现的



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

4 个回复

倒序浏览
Simon.Sun活字格认证 Wyn认证
超级版主   /  发表于:2022-11-24 10:03:50
沙发
您好,我理解的实现这个效果,首先要在页面顶部放置一个菜单,默认隐藏。



然后结合 JS 的滚动事件,当页面滚动到某个位置时,触发事件,判断菜单是否影藏,如果隐藏就将菜单显示出来,否则就隐藏。
这块要结合前端代码去实现。比如:
js滚动到指定位置显示或隐藏元素_~HT猫L~的博客-CSDN博客

代码这块我不擅长,大佬可以自己去尝试一下,或者看看有其他大佬有更好的方案。


回复 使用道具 举报
Grayson.Shang活字格认证 Wyn认证
超级版主   /  发表于:2022-11-24 10:07:27
板凳
大佬您好,这种样式的设计,没有现成的插件,可以通过CSS来实现,一共有两个关键点

1. 是将这个DIV设置成fixed,z轴设置成最最上层,这样就是固定显示在最上面了

2. 在判断这个div与一个固定坐标的,相对位置,设置display,是否为none,这样就可以显示隐藏了

本帖子中包含更多资源

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

x
回复 使用道具 举报
waitgboualats活字格认证
高级会员   /  发表于:2022-12-1 15:38:47
地板
Grayson.Shang 发表于 2022-11-24 10:07
大佬您好,这种样式的设计,没有现成的插件,可以通过CSS来实现,一共有两个关键点

1. 是将这个DIV设置 ...

方便给个简单的案例吗,自己做一直有问题实现不了
回复 使用道具 举报
Erik.Xue讲师达人认证 悬赏达人认证 活字格认证 Wyn认证
超级版主   /  发表于:2022-12-1 17:48:33
5#
waitgboualats 发表于 2022-12-1 15:38
方便给个简单的案例吗,自己做一直有问题实现不了

您好,这个有一个插件可以实现,叫《设置悬浮单元格命令》,这边会在这两天内上架到活字格应用市场。

可以关注下我们的活字格应用市场哈:https://marketplace.grapecity.com.cn/huozige_home
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部