野花--fixed和absolute在浏览器边界的影响

这个是在练习动画展示效果时的一个问题.鼠标经过图标时,会有内容从右边移动出来,如图.

 

 

实际中,是将移动的内容预先放在右边,在浏览器视图之外,所以看不到,鼠标经过时就将这部分内容往左移动,出现在浏览器视图中.

但是如果存放移动内容的容器采用的是position:absolute,那么浏览器会出现滚动条,如图这样:

 

采用position:fixed设置,则超出的内容将保留在浏览器界面外,同时不会出现滚动条

 

posted @   EricYJChung  阅读(48)  评论(0)  编辑  收藏  举报
相关博文：
· 野花--flex布局小技巧之让某个子元素靠右或靠左显示
· 野花--父盒子相对定位,设置padding值,那么绝对定位的子盒子起点在哪里?
· 关于给悬浮框绝对定位后，设置了left，但是与悬浮框实际的left不一致问题
· css里的position的static|relative|absolute|fixed的区别
· CSS: 绝对定位fixed
阅读排行：
· 无需6万激活码！GitHub神秘组织3小时极速复刻Manus，手把手教你使用OpenManus搭建本
· Manus爆火，是硬核还是营销？
· 终于写完轮子一部分：tcp代理 了，记录一下
· 别再用vector＜bool＞了！Google高级工程师：这可能是STL最大的设计失误
· 单元测试从入门到精通
点击右上角即可分享
微信分享提示