css3中position:sticky无效的解决方法

所属分类：软件开发来源: 丁老师原创更新时间：2025-04-09 10:35 IP属地: 深圳

~~点击阅读全文~~

有同学在前端写css代码时，遇到问题，使用的css3，写的是position:sticky，想要内容滚动到该区域，该区域自动置顶滑动。但一直无效，经过丁老师研究后发现，该区域没有定义高度，而使用position:sticky时，是必须要定义高度才能实现效果的。

position:sticky生效的几个必须因素：
1.设置top值;
2.设置left值;
3.设置该区域的height，如果不好定义固定值，可以设置为height:fit-content;
4.该元素的上级或上级的包含区域，overflow不能为hidden;

上一篇：php区分字符里面中文和英文的方法

下一篇：Tiny编辑器无法使用的解决办法

CodeIgniter框架URL如果去掉in...

在使用PHP框架CI时，有个很恶心的地方就是他的URL需要带上index.php，比如我要建一个user模块，想要实现www.xxx.com/user/的效果，但是在CI框架下必须要www.xxx.com/index.php/user这...

微信支付提示201 订单号重复的解决办法

问题：在做微信支付对接时，四端（PC+H5+小程序+APP）调用微信支付，出现了201，订单号重复的提示，提交的订单号、金额等信息并没有变，经过仔细检查后，发现是提交的trade_type不同造成的，根据四端在提交时，分别对trade_...

tortoise svn出现no path ...

在日常开发过程中，突然发现svn无法提交和更新，出现“nopathorpathfilespecifiedonthecommandline”的错误，网上搜了一圈百度google以及stackoverflow都没找到真正能解决问题的办法，本...

dedecms cookies泄漏导致SQL...

dedecmscookies泄漏导致SQL漏洞

推荐文章

宝塔面板phpmyadmin数据库表导航树禁...

宝塔面板的phpmyadmin，默认数据库表导航树是每30个一页，非常的不直观，可以通过修改宝塔phpmyadmin配置文件的方式来禁止他分页。修改方法：1.进入服务器/www/server/phpmyadmin/phpmyadmin_随机...

fastadmin后台列表默认分页数量由10...

没那么多废话，直接上修改方法public\assets\js\require-table.jspageSize: Config.pagesize || localStorage.getItem("pagesize") |...

photoshop宽度像素和网页宽度像素不一...

在用photoshop设计时，有的同学会发现，在网页中设置的宽度1000px，截屏后，再用photoshop打开后测量同样图像的宽度时，这个宽度就不是1000像素,而是1200多甚至1300多，是个很奇怪的问题，丁老师检查了photosho...

低成本的政企软件系统维护服务

开源节流，控制生产成本，限制开销，是每个企业和单位都要采取的成本控制和管理措施。其中，人力成本是企业在经营中支出占比较大的一块。以IT信息化部门为例，一个负责企业软件系统运维的IT部门，至少需要配置3个员工，每个员工按照IT工程师3-5年工...