让DIV块在页面的某个位置固定的css代码

最新推荐文章于 2024-04-25 15:04:32 发布

thegreensea

最新推荐文章于 2024-04-25 15:04:32 发布

阅读量667

点赞数

分类专栏：编程交流文章标签： div 固定

本文链接：https://blog.csdn.net/thegreensea/article/details/40780569

版权

编程交流专栏收录该内容

9 篇文章 0 订阅

订阅专栏

1.设置CSS 样式

<style type="text/css">
     #workflow
        {
            display: none;
            width: 400px;
            position:fixed;
            left: 600px;
            background-color: #FFF;
            border: solid 5px #ddd;

        }

</style>

2. div 代码

<html>
<body>
<div id="workflow" style="width: 300px; height: 430px;">
    </div>
</body>
</html>

3. 添加js 脚本

<script type="text/javascript">


    $(document).ready(function () {
        $("#tabs").tabs();
        //$('#tabs').tabs('option', 'disabled', [2]);
       
    });

    //Fix the changerequest WorkFlow Div
    $(document).ready(ResetPosition);
    $(window).resize(ResetPosition);
    function ResetPosition() {
        var div1 = $('#workflow');
        div1.css("top", $(window).height() - div1.height());//可以把第二个参数改成数值，可以指定其固定在屏幕某个位置
    }

thegreensea

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
让DIV块在页面的某个位置固定的css代码

#workflow { display: none; width: 400px; position:fixed; left: 600px; background-color: #FFF; border: solid 5px #
复制链接

扫一扫