父元素(ylAlertp)是自定义的弹出层,整个结构是这样的:
<!-- 预览弹框-->
<p id="ylAlertBg"></p>
<p id="ylAlertp">
<p id="pre_head"><span id="pre_s">预览公告</span><span id="pre_canel">×</span></p>
<p id="pre_wrap">
<p id="pre_title">
<p></p>
</p>
<p id="pre_con">
<p id="pre_time"></p>
<p id="pre_source"></p>
<p id="pre_labs"></p>
<p id="pre_content"></p>
</p>
<p id="pre_but">
<input type="button" class="release_button" id="fb_gonggao" value="发布">
<input type="button" class="release_button pre_back" value="返回">
</p>
</p>
</p>
<!-- 预览弹框结束-->
父元素(ylAlertp)设置了:
overflow: auto;
position: fixed;

现在想让子元素(pre_head)不随滚动而移动,始终保持在顶部位置。
求方法!!这里先谢过了~
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
看了你的代码,这样小改动一下则衣食无忧
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:这个高度需要自己调整
给pre_wrap定高,然后指定overflow-y,只要pre_head的高度加上pre_wrap的高度不超过ylAlertp就行。