聚焦元素隐藏在固定菜单后面
Focused element is hidden behind fixed menu
我有一个底部有菜单的网站,我将其设置为固定位置。滚动时保持不变。
当使用键盘选项卡导航网站时,如果焦点元素不在视口中,则会自动滚动到该元素。这里的问题是,当一个聚焦元素被搜索到时,它不会显示,因为它在底部的固定菜单后面。
我如何解决这个问题的任何idéa,以便窗口滚动到焦点元素显示的位置。
感谢
在滚动代码中试试这个:
// lets say element is the DOM element you want to scroll into view
function scrollNow(element) {
// create a dummy element X pixels above 'element'
// where X is the height of your bottom menu
// if X is not known in advance, calculate it using $('#menu').outerHeight()
var dummy = $('<div></div>').css({
position: 'absolute', top: $(element).offset().top - X
}).appendTo('body');
dummy[0].scrollIntoView();
dummy.remove(); // remove the dummy element
}
相关文章:
- 如何激活下拉菜单:在一个元素上单击768px宽度下方,在另一个元素上将鼠标悬停在768px上方
- HTML5上下文菜单-当菜单项被点击时,访问最初被点击的元素
- 如何在鼠标悬停时显示带有拉斐尔元素(圆、线)的上下文菜单
- 第二个下拉菜单元素上的重复下拉Javascript效果
- 无法设置活动菜单元素的样式
- Polymerjs 的自定义菜单元素单击事件
- 侧边栏子菜单元素未按预期显示/隐藏
- 隐藏菜单元素不起作用
- 将鼠标悬停在菜单元素上以显示子菜单
- 角度材质 md 菜单元素如果在具有 z 索引的固定元素上单击外部,则不会关闭
- 当我单击菜单元素时,希望用href在当前页面中打开一个页面
- 如何使用watir和firefox访问未识别的嵌套菜单元素
- jQuery -上下文菜单'元素
- 带有下拉菜单的动态导航栏会干扰下拉菜单元素的宽度
- 显示溢出文本的Jquery效果<鼠标悬停时的菜单元素
- 创建下拉菜单
- 菜单元素jquery的图标更改
- 当窗口大小小于时更改菜单元素
- 如何动态地改变当前菜单元素的标题(指令中的模板)
- 添加几个json数组,并根据菜单元素的点击进行过滤