备案控制台

开发者社区> 问答> 正文

手机web页面上下滑动隐藏显示菜单栏效果怎么做？

正在做一个手机页面，菜单栏在底部，顶部是logo和面包屑（刚做前端，什么都不懂），需要实现一个滑动隐藏/显示上下菜单栏的效果，向上滑动显示菜单栏，向下滑动隐藏菜单栏，不知道该怎么做啊,完全没有思路啊，请问这个效果该怎么实现啊

展开

收起

杨冬芳 2016-06-06 12:32:29 3236 0

1 条回答

写回答

取消提交回答

杨冬芳

IT从业

参考http://www.bootcss.com/p/headroom.js/

2019-07-17 19:28:12

赞同展开评论打赏

问答分类：

前端开发

问答标签：

Web页面手机web web手机手机页面手机滑动

问答地址：

开发者社区 > 开发与运维 > 问答

版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

相关问答

通过钉钉免登录二维码，手机扫码之后出现这个对不起，无权查询该页面，无效的appid？

197

1

0

阿里云修改手机页面报错

26

0

0

金融级实人认证对于刘海屏认证页面会被手机状态栏遮挡

10

1

0

实人认证集成活体人脸验证个别手机出现空白页面

12

1

0

视频点播Web播放器手机端全屏如何配置自定义样式

9

1

0

钉钉发布的h5微应用，手机钉钉打开没问题，pc端打开部分页面出不来，是什么问题？

27

2

0

web客户端接入mpass音视频，一方使用手机，一方使用PC。这个是什么问题?

17

0

0

我用手机号登录的阿里云网盘与相册，在续费管理页面搜不到东西呢？

32

1

0

智能媒体服务视频剪辑Web SDK，支持手机端展示吗？

14

1

0

同一个函数计算为啥手机端调用就出现主动取消，但是WEB端调用却是正常？

25

2

0

问答排行榜

最热

最新

1 通过阿里云代备案系统进行个人快速备案 2699900

2 【大咖问答】对话PostgreSQL 中国社区发起人之一，阿里云数据库高级专家德哥 1818315

3 据说在家办公的程序员是这样写代码的？ 1792348

4 阿里云开放端口权限 689929

5 如何升级配置 536074

6 【藏经阁一起读（27）】本周推荐《Apache Flink案例集（2022版）》，你有哪些心得？ 522463

7 【精品问答】python技术1000问(1) 514002

8 Flink Forward Asia 2021 有奖问答 512808

9 Linux Bash严重漏洞修复紧急通知（已全部给出最终修复方案） 456923

10 OceanBase 使用动画（持续更新） 359269

11 阿里云LNAMP(Linux + Nginx + Apache + MySQL + PHP)环境一键安装脚本 329725

12 OSS存储服务-客户端工具 321341

13 为体验实验室取一个新名字。 307323

14 企业邮箱发送邮件时，若出现投递失败产生退信，内容提示包含如下： the mta server of * reply:550 failed to meet SPF requirements 或者 the mta server of 163.com — 163mx01.mxmail.netease.com(220.181.14.141) reply:550 MI:SPF mx14,QMCowECpA0qTiftVaeB3Cg—.872S2 1442548128 http://mail.163.com/help 303861

15 Win Server 2003-2016 加密勒索事件必打补丁合集 295165

16 FLASH播放器，在IE浏览器下显示请确定您的域名已完成备案和CNAME绑定 283662

17 安全组详解，新手必看教程 277262

18 写code还是做管理，开发者如何进行职业规划？ 268478

19 惊喜翻倍：免费ECS+免费环境配置~！(ECS免费体验6个月活动3月31日结束) 255830

20 阿里云手机和阿云浏览器连接问题专帖 235632

1 一键生成你眼中的未来城市，分享部署过程、输出结果及使用体验 231

2 展示你用AI工具生成动漫头像，并分享配置过程及使用体验 204

3 国内AI大模型高考数学成绩超GPT-4o，如何看待这一结果？ 554

4 如何避免“写代码5分钟，调试2小时”的尴尬？ 564

5 通义灵码生成Git Commit的时候，偶尔生成中文，偶尔生成英文，根本无法控制生成的语言。 139

6 一键部署3D卡通风格模型，分享部署过程及使用体验 546

7 展示你通过AI修饰的自然风光照片，并讲述你的拍摄和编辑过程 954

8 机器学习PAI现在一直在重试，怎样停掉？ 227

9 请问机器学习PAI eas服务拉取dockerhub失败怎么办？ 181

10 请教下机器学习PAI的代码配置没有链接测试吗？ 116

11 平头哥芯片W800:芯片如何购买？ 153

12 阿里云Grafana升级10后已有的飞书webhook 报警机器人不再工作。请问如何排查？ 153

13 请问通义灵码IDEA生成Git Commit Message 如何默认生成中文注释 108

14 Nacos登录密码忘记了如何修改？ 385

15 你知道APP是怎么开发的吗？ 1639

16 如何提高企业的业务稳定性？ 649

17 钉钉宜搭，A提交一个表单，如何设置该表单只能给B看？ 161

18 百问求答 | 回答问题即有机会得米家落地扇 347

19 集成&自动化：3层触发时，新增和删除触发正常，但编辑时不正常 120

20 jetbrain IDE 无法正常安装 TONGYI Lingma plugin 141

相关课程

更多

Python Web开发基础

33502

4

去学习

Java Web开发系列课程 - Spring框架入门

30476

25

去学习

企业Web常用架构LAMP-LNMP实战

12960

10

去学习

高校精品课-西安交通大学-Web 编程技术

126

4

去学习

Java Web项目实战 - 图书商城

2595

45

去学习

Java面试疑难点解析 - Java Web开发

751

36

去学习

推荐问答

乘风问答官招募中！机械键盘免费拿

相关电子书

更多

Tangram 立即下载

360手机卫士插件化漫谈 立即下载

手机京东Crash自动分析处理系统 立即下载

相关实验场景

更多