javascript - 子Div不随滚动移动
迷茫
迷茫 2017-04-10 15:52:24
[JavaScript讨论组]

父元素(ylAlertp)是自定义的弹出层,整个结构是这样的:


预览公告×

父元素(ylAlertp)设置了:

overflow: auto;
position: fixed;

现在想让子元素(pre_head)不随滚动而移动,始终保持在顶部位置。

求方法!!这里先谢过了~

迷茫
迷茫

业精于勤,荒于嬉;行成于思,毁于随。

全部回复(4)
大家讲道理

看了你的代码,这样小改动一下则衣食无忧
1.去掉ylAlertp的滚动条,保留fixed
2.给pre_wrap加上滚动条

阿神

<p id="pre_head"><span id="pre_s">预览公告</span><span id="pre_canel">×</span></p>
这个相对父元素再规定定位

迷茫

我感觉给 pre_head 添加一个float:top 的样式,然后让下面的 pre_wrap元素添加一个margin-top:pre_head的高度PS:这个高度需要自己调整

PHP中文网

给pre_wrap定高,然后指定overflow-y,只要pre_head的高度加上pre_wrap的高度不超过ylAlertp就行。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号