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

父元素(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)不随滚动而移动,始终保持在顶部位置。

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

迷茫
迷茫

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

全部回复(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号