css - 固定页脚模糊 firefox 搜索匹配

标签 css firefox search hidden footer

我有一个网站,每个页面的底部都有一个固定的页脚。页脚上方的内容区域有适当的边距,以确保向下滚动时内容不会隐藏在页脚后面。

但是,当在浏览器 (firefox) 中执行简单的文本搜索时,搜索词通常隐藏在页脚后面,因为页面通常(没有页脚)滚动以仅显示搜索词。

我该如何解决这个问题?

我有一个想法:使内容区域具有固定高度(浏览器视口(viewport)高度 - 页脚高度)并为其提供滚动而不是浏览器。不是最好的解决方案,但这是一种选择。此选项的缺点是什么?

最佳答案

我之前在我自己的一个元素中就注意到了这一点,但是,这个小小的不便真的重要到足以让您改变页面布局吗?我不会建议您正在考虑的修复方法,仅仅是因为它不必要地增加了代码的复杂性,并且用户体验可能会受到影响(比您描述的问题严重得多)。

我会顺其自然。

关于css - 固定页脚模糊 firefox 搜索匹配,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/854315/

相关文章:

html - 将图像内的元素垂直居中

javascript - 在 Bootstrap 中将事件类放在事件导航栏上

jquery - 无论如何要在 jQuery 事件上向元素添加 css3 过渡动画

javascript - 我们可以在 firefox 插件中使用 Ci 区分框架和非框架负载吗

Ruby 网络蜘蛛和搜索引擎库

java - 在 ArrayList 中搜索对象

javascript - 使用javascript自动选择自定义选择框中的第一个选项

css - 带 compass 的径向渐变在 Firefox 中指定大小

javascript - 我如何解决 : ReferenceError: WebAssembly is not defined

search - 如何在 solr 的多值字段中添加不同的值