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

标签 javascript jquery css xhtml positioning

我正在为我最近创建的几个网站打上烙印,图片会响应悬停并链接回我自己的网站。我使用 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/

相关文章:

jquery - 在 ASP.NET MVC 中显示 Json 错误消息

php - 无需输入字符即可显示查询

html - 遇到 flexbox 属性问题

javascript - 清除调整大小刷新时的 Jquery css 更改

javascript - 以下表达式如何计算为 "10"

javascript - 单击无法从 div 中删除颜色

html - 如何使 HTML 按钮看起来在使用 css 时被按下?

CSS-用固定位置DIV填充页面剩余宽度

javascript - 解构的 es6 export 是一个有效的语法吗?

javascript - 访问 Promise 内部设置的类属性