Question

我试图做的只是为了让这个div显示在用户屏幕的末尾以显示一些新闻，它应该是直接的工作，实际上div突然从页面中消失了！如果我放大或缩小浏览器它只是应该是它的位置！有什么问题？

<style>
        #news_div{

            background-color: red;
            width:800px;
            height:40px;
            padding:0;
            margin:0;
            position: fixed;
            z-index: 1;
        }
    </style>

</head>
<body>
<div id="news_div"> The news </div>
<script>
$( function(){

    $("#news_div").offset({

        top : $(window).height(),

    })});

Answer 1

好的，top属性指定DIV顶部到窗口顶部的距离。如果您将DIV的{{1}}属性设置为窗口top，则top正好位于窗口之外或可见区域之外。

您必须减去DIV本身的高度才能将其置于底部：

DIV

在用户窗口屏幕的末尾设置Div

1 个答案: