社区
JavaScript
帖子详情
吸顶菜单移动端和pc的效果
平.......
2019-09-14 09:36:17
图一是移动端的吸顶菜单
图二是pc端的吸顶菜单
这是代码和布局,有没有大神知道怎么写才可以让移动端和pc端的效果一起啊
...全文
274
2
打赏
收藏
吸顶菜单移动端和pc的效果
图一是移动端的吸顶菜单 图二是pc端的吸顶菜单 这是代码和布局,有没有大神知道怎么写才可以让移动端和pc端的效果一起啊
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
2 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
平.......
2019-09-14
打赏
举报
回复
引用 1 楼 三岁打酱油 的回复:
加一个宽度100%属性
没有用啊
jio可
2019-09-14
打赏
举报
回复
加一个宽度100%属性
mescroll高级特性终极指南:
吸顶
悬浮、轮播
菜单
与局部滚动全解析
本文深度解析mescroll框架的
吸顶
悬浮、轮播
菜单
与局部滚动三大高级特性。
吸顶
悬浮提升导航持续可见性;轮播
菜单
支持基础及
吸顶
双模式,适配电商分类等场景;局部滚动实现区域独立滚动,适用于弹窗、评论区等复杂布局。同时涵盖冲突解决、性能优化与常见问题排查等实战要点,助力Vue
移动端
高效开发。
原生 JS 实现滚动导航
吸顶
:智能
吸顶
+ 高亮联动 + 平滑过渡(附完整源码)
本文详解使用原生JavaScript实现企业级滚动导航
吸顶
组件,涵盖智能
吸顶
判定、滚动位置驱动的导航高亮联动、CSS平滑过渡动画、滚动监听节流与点击防抖优化、
移动端
汉堡
菜单
适配及模块化设计。强调性能优化实践(如DOM缓存、高效区间判断)与响应式布局兼容性,提供完整可运行源码与配置化API,适用于官网、电商、文档等长页面场景。
原生 JavaScript 实现
吸顶
导航(滚动
吸顶
+ 平滑过渡 + 兼容优化)
本文介绍使用原生JavaScript实现滚动
吸顶
导航的核心方案,涵盖自动
吸顶
/恢复、平滑过渡动画、占位防布局抖动、滚动事件节流优化等关键技术。通过获取初始偏移量、动态切换CSS类、固定高度占位容器及性能优化策略,确保
PC
与
移动端
兼容、零依赖、高稳定性,适用于长页面导航、商品详情栏、后台
菜单
等场景。
鸿蒙APP项目实战:仿大众点评首页
吸顶
tab标签、横向滑动tab标签
本文围绕鸿蒙APP项目实战展开,旨在仿大众点评首页
吸顶
tab标签、横向滑动tab标签。因官方部分组件存在不足,通过自定义翻页组件、横向滑动tab组件实现
效果
。介绍了代码结构,阐述搜索栏、九宫格
菜单
、横向滑动tab标签
吸顶
的实现过程,还提及Swiper组件切换页面有重影的遗留问题。
axure如何页面滑动时广告位上移_Axure制作:页面上下滑动时的
菜单
栏悬浮
吸顶
效果
...
本文介绍了如何用Axure实现
移动端
页面
菜单
栏
吸顶
效果
。作者先指出网上教程多为
PC
端交互
效果
,接着以拉勾网为例,详细说明了准备素材、交互设置的步骤,包括使用this.y函数判断拖动距离,最后提醒不要混淆this.scrollY和拖动距离。
JavaScript
87,989
社区成员
224,684
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章