gpt4 book ai didi

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

转载 作者:太空宇宙 更新时间:2023-11-03 17:54:56 25 4
gpt4 key购买 nike

我试图做的只是让这个显示在用户屏幕末尾的 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(),

})});

最佳答案

好的,top 属性指定了 DIV 顶部到窗口顶部的距离。如果您将 DIVtop 属性设置为窗口的 top,则您的 DIV 恰好位于窗口之外或可见区域。

您必须减去 DIV 本身的高度才能使其到达底部:

$(function() {
$("#news_div").offset({
top : $(window).height() -$('#news_div').height()
})
});

关于jquery - 在用户窗口屏幕末尾设置 Div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26560891/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com