gpt4 book ai didi

javascript - 谷歌翻译栏下移内容

转载 作者:太空宇宙 更新时间:2023-11-04 14:01:59 25 4
gpt4 key购买 nike

有没有办法阻止 Google 翻译栏将我的内容下移?我有一个静态背景图片和一个与背景图片相对应的标题图片,因此当 Google 翻译栏固定在我的屏幕顶部时,它会将我的顶部内容向下移动并移出背景图片。

有没有办法让它静态地覆盖我的内容,或者以不会向下移动我的内容的方式固定?

或者我能否检测到正在发生翻译,然后相应地移动我的背景?我尝试使用它,但如果我删除翻译栏,它不会恢复:

document.addEventListener('DOMSubtreeModified', function (e) {
if(e.target.tagName === 'HTML' && window.google) {
if(e.target.className.match('translated')) {
document.body.style.backgroundPosition="0px 40px";
} else {
document.body.style.backgroundPosition="0px 0px";
}
}
}, true);

最佳答案

没有代码示例有点困难,但最简单的解决方案是设置 position: fixed;top: 0但是,在翻译栏上,这意味着一旦您向下滚动,它将始终保留在页面顶部。

如果翻译栏靠近文档的顶部(听起来确实如此),您可以将位置设置为 absolute相反,保留 top: 0声明。这应该使它出现在最近的 positioned 祖先的顶部,即位置设置为 relative 的元素。 , absolute , fixed , 或 sticky .如果不存在,它将根据根标签定位,即 <html>在格式良好的文档中。在这里,您可以设置 position: relative在你的 <body> ,例如。

两者都是 fixedsticky将元素完全从文档流中取出,因此它们将完全按照您的要求执行:出现在其他内容之上。

关于javascript - 谷歌翻译栏下移内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21443622/

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