css 控制

发布网友发布时间：2022-04-06 13:39

共3个回答

热心网友时间：2022-04-06 15:08

或许你可以用一个比较偷懒的方法再建一个等高的div 放在最上端, 例如

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "
">
<html>
<head>
    <title></title>
    <style type="text/css">
        *{
            margin: 0;
            padding: 0;
        }
        .layoutRoot{
            width: 600px;
            margin: 0 auto;
        }
        .fix{
            width:100%;
            height: 65px;
            background-color: #cccccc;
        }
        .fixed{
            position: fixed;
            left: 0;
            top: 0;
        }
        .content{
            background-color: #c3f0ff;
            height: 1000px;
        }
    </style>
</head>
<body>
<div class="layoutRoot">
    <div class="fix fixed">我是一个悬浮窗</div>
    <div class="fix fixH"></div>
    <div class="content">这里是内容</div>
</div>
</body>
</html>

热心网友时间：2022-04-06 16:26

这样的js 你直接去懒人图库里面好多类似的效果，很简单的修改下就可以用。

热心网友时间：2022-04-06 18:01

css样式里面.common_scroll 的position用absolute定位

window.onscroll=function(){
1.获得滚动条的高度，

2. 判断滚动条的高度是否达到你要显示div的位置
2.1:达到的话就把common_scroll的position值改为fixed；top改为0
}追问求代码，js 我不会。