gpt4 book ai didi

javascript - 存在滚动条时,如何将元素放置在页面上最低到达 DIV 下方 40 像素处?

转载 作者:行者123 更新时间:2023-11-28 12:27:51 25 4
gpt4 key购买 nike

我正在为我最近创建的几个网站打上烙印,图片会响应悬停并链接回我自己的网站。我使用 jQuery 追加函数动态插入标记和 CSS,该函数绝对将我的 Logo 定位在客户站点的右下角,并且它在大多数情况下都运行良好。但是,我需要增强该定位以适应两种不同的情况,我感到很困惑。

如果网站上的元素没有到达窗口底部,我希望 Logo 位于右下角,这就是当前发生的情况。这太棒了。

如果元素确实到达页面底部或超出页面底部,强制滚动条,我希望 Logo 位于最低到达 DIV 底部下方 40px 处,仍位于页面右下角(几乎就像正常文档流的一部分,而不是绝对定位)。这是我想不通的。

最佳答案

解决此问题的最简单方法是在 body 标签内创建一个相对定位的容器 block 。然后,您的 Logo 将相对于该容器而不是视口(viewport)绝对定位。然后,您需要做一些工作,以确保在没有足够的内容将其推送到页面底部时,它会显示在页面底部。

您想要做的大致类似于 css 粘性页脚: http://ryanfait.com/resources/footer-stick-to-bottom-of-page/

关于javascript - 存在滚动条时,如何将元素放置在页面上最低到达 DIV 下方 40 像素处?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1246249/

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