备案控制台
开发者社区> 问答> 正文

页面滚动后布局固定怎么做

screenshot
如图，我希望将右边的布局在滚动后还能够显示。
搞定，使用 window scrollTop 值 和 布局本身 top值 进行比较，通过修改布局为 position: fixed实现。

展开
收起
杨冬芳 2016-06-02 19:33:51 2258 0
1 条回答
写回答
取消 提交回答
  • 杨冬芳
    IT从业

    添加scroll事件，检测页面滚动距离大于一定值（一般为右栏与页面顶部的距离）时切换右栏为fixed布局

    2019-07-17 19:25:35
    赞同 展开评论 打赏
问答地址：
开发者社区 > 云计算 > 问答

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

相关问答
在布局样式生成的过程中，需要进一步优化哪些节点样式？
234
1
0
将导航条固定在顶部应该怎么做？
689
1
0
通过修改视口的阈值来影响导航条的排列模式应该怎么做？
469
1
0
阿里云首页向下滚动，页面区域淡入向上滑动加载 的技术实现原理
663
0
0
切换到新路由时，页面要滚动到顶部或保持原先的滚动位置怎么做呢？
1669
1
0
#支付宝 组件样式设置fixed固定定位在某个位置后，下拉刷新会被推下去？
718
1
0
目前组件显示不正常，很多组件显示不全，如何解决？
804
1
0
右上角胶囊的位置怎么获取？自定义头部高度适配X怎么解决？
1873
0
0
安卓界面内容超出了屏幕，怎么控制可以拖动查看界面内容。
6127
4
0
前端优化，单击时元素位置变化
1902
1
0
问答排行榜
最热
最新
1 通过阿里云代备案系统进行个人快速备案 2699595
2 【大咖问答】对话PostgreSQL 中国社区发起人之一，阿里云数据库高级专家 德哥 1818188
3 据说在家办公的程序员是这样写代码的？ 1792139
4 阿里云开放端口权限 689809
5 《阿里云服务器从入门到精通》—论坛精华帖汇总（2013.8.21更新） 599378
6 如何升级配置 536028
7 【藏经阁一起读（27）】本周推荐《Apache Flink案例集（2022版）》，你有哪些心得？ 522326
8 【精品问答】python技术1000问(1) 513948
9 Flink Forward Asia 2021 有奖问答 512768
10 Linux Bash严重漏洞修复紧急通知（已全部给出最终修复方案） 456894
11 OceanBase 使用动画（持续更新） 359229
12 阿里云LNAMP(Linux + Nginx + Apache + MySQL + PHP)环境一键安装脚本 329688
13 OSS存储服务-客户端工具 321251
14 为体验实验室取一个新名字。 307177
15 企业邮箱发送邮件时，若出现投递失败产生退信，内容提示包含如下： 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 303687
16 Win Server 2003-2016 加密勒索事件必打补丁合集 295098
17 FLASH播放器，在IE浏览器下显示请确定您的域名已完成备案和CNAME绑定 283471
18 安全组详解，新手必看教程 277228
19 写code还是做管理，开发者如何进行职业规划？ 268276
20 惊喜翻倍：免费ECS+免费环境配置~！(ECS免费体验6个月活动3月31日结束) 255811
1 如何从零构建一个现代深度学习框架? 315
2 AI面试成为线下面试的“隐形门槛”，对此你怎么看？ 525
3 乘风问答官5月排位赛开启！ 369
4 你见过哪些独特的代码注释？ 1366
5 你遇到过哪些触发NPE的代码场景？ 849
6 宜搭中，线上答题单选题和多选题在一起如何计算总分，请老师指点 181
7 宜搭中，在表单里复选选项（搭建多选题）如何设置单行文本自动获取“你的答案”所选的选项如“AB” 137
8 宜搭流程表单怎样根据连接器返回值阻止提交 170
9 如何让系统具备良好的扩展性？ 1900
10 在JS编程中有哪些常见的编程“套路”或习惯？ 1524
11 表单新加了个字段A，历史数据要添加字段A的值问题 373
12 nacos部署需要开放哪几个端口？ 202
13 在做程序员的道路上，你掌握了什么关键的概念或技术让你感到自身技能有了显著飞跃？ 2054
14 作为一个经典架构模式，事件驱动在云时代为什么会再次流行呢？ 1842
15 如何实现主表单内数字组件自动获取子表单内数据条数 143
16 宜搭：提交表单前，如何校验另一张表单的数据？ 409
17 如何实现自动计算请假天数并自动跳过法定节假日？ 105
18 Windows 11系统电脑自动重启后，vscode启动通义灵码插件报错：此应用无法在你的电脑上运行 205
19 如何看待首个 AI 程序员入职科技公司？ 2399
20 未启用对服务器的访问 588
推荐问答
乘风问答官招募中！机械键盘免费拿

相关电子书

更多
    • 动态、高效，蚂蚁动态卡片的内核逻辑 立即下载
    低代码开发师（初级）实战教程 立即下载
    阿里巴巴DevOps 最佳实践手册 立即下载