找回密码
 立即注册

QQ登录

只需一步,快速开始

andy_chen

金牌服务用户

103

主题

422

帖子

1791

积分

金牌服务用户

积分
1791

圣诞拼拼乐微信认证勋章

andy_chen
金牌服务用户   /  发表于:2021-3-23 15:33  /   查看:5006  /  回复:16
1金币
有这样一个环境:移动端页面在每个页面顶部设置了页面名称与操作按钮,但页面内容比较多时顶部就会隐藏起来
但使用母版页,操作按钮又不能依页面需求进行设定

要怎样可以像母版页一样可以将其固定,页面滑动时,顶部不会隐藏

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

最佳答案

查看完整内容

教程中的 CSS 只是实现了悬浮固定的效果,具体的呈现方式肯定还是需要您根据您自己的页面通过 CSS 代码调整的。我看了下您的 demo,其实想问一下您不用母版页的原因是什么呢?从您一楼的描述和具体页面来看,其实感觉是可以使用多套母版页配合条件格式、页面加载命令去动态变更按钮内容的,或是使用页面容器的方式来实现。

16 个回复

倒序浏览
最佳答案
最佳答案
Timothy.Xu讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于:2021-3-23 15:33:05
来自 8#
andy_chen 发表于 2021-3-24 14:39
我测试了一下,发现一个问题解决不了
PC端CSS可以实现,顶部菜单是可以实现的,但在移动端
1.图片与文字 ...

教程中的 CSS 只是实现了悬浮固定的效果,具体的呈现方式肯定还是需要您根据您自己的页面通过 CSS 代码调整的。我看了下您的 demo,其实想问一下您不用母版页的原因是什么呢?从您一楼的描述和具体页面来看,其实感觉是可以使用多套母版页配合条件格式、页面加载命令去动态变更按钮内容的,或是使用页面容器的方式来实现。
回复 使用道具 举报
flygoodkiller悬赏达人认证 活字格认证
高级会员   /  发表于:2021-3-23 15:40:34
2#
参考这个功能
[易学技巧] 一看就会,超有用活字格技能:三十三,页面中的悬浮button
https://gcdn.grapecity.com.cn/showtopic-49776-1-1.html
回复 使用道具 举报
Timothy.Xu讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于:2021-3-23 15:43:11
3#
感谢楼上大佬的支持~
您在使用楼上教程的时候,需要注意7.0之前和之后的版本应用的 CSS 代码有一些不同:

本帖子中包含更多资源

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

x
回复 使用道具 举报
andy_chen
金牌服务用户   /  发表于:2021-3-23 15:45:30
4#
现在是与7.0交替版本,除使用CSS外,有其他方式吗?
回复 使用道具 举报
andy_chen
金牌服务用户   /  发表于:2021-3-23 15:47:12
5#
Timothy.Xu 发表于 2021-3-23 15:43
感谢楼上大佬的支持~
您在使用楼上教程的时候,需要注意7.0之前和之后的版本应用的 CSS 代码有一些不同:
...

有不用CSS的方法吗?
回复 使用道具 举报
Timothy.Xu讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于:2021-3-23 15:49:06
6#
andy_chen 发表于 2021-3-23 15:47
有不用CSS的方法吗?

目前没有别的办法,这里最方便的方式应该就是使用 CSS 实现了。我们的教程中配置方式也非常详细,这里推荐您自行测试一下功能呢~
回复 使用道具 举报
andy_chen
金牌服务用户   /  发表于:2021-3-24 14:39:22
7#
我测试了一下,发现一个问题解决不了
PC端CSS可以实现,顶部菜单是可以实现的,但在移动端
1.图片与文字不在顶部红色单元格“垂直居中”;
2.页面下滑时,红色单元格会隐藏一部分。

问题在哪里?

本帖子中包含更多资源

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

x
回复 使用道具 举报
andy_chen
金牌服务用户   /  发表于:2021-3-24 15:26:38
9#
本帖最后由 andy_chen 于 2021-3-24 15:30 编辑

是用的母版页呀,手机母版(2)+页面4

本帖子中包含更多资源

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

x
回复 使用道具 举报
Timothy.Xu讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于:2021-3-24 17:06:22
10#
andy_chen 发表于 2021-3-24 15:26
是用的母版页呀,手机母版(2)+页面4

如果使用母版页+页面容器的话,是不需要使用 CSS 去 fix 元素的。创建一个用页面容器填满的页面:


然后将需要的页面放置到页面容器中即可。如果没有太多复用的情况,也可以不用母版页,直接用页面容器展示需要滚动的内容:



实现效果:


本帖子中包含更多资源

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

x
回复 使用道具 举报
12下一页
您需要登录后才可以回帖 登录 | 立即注册
返回顶部