解决点击锚点置顶内容被导航遮住

工作中我第一次遇到这种情况，因为是接手公司的老项目，在原来项目的基础上修改，而且这项目里的相应文件都非常乱，结构、样式、行为都不分离的，处理起来有点棘手，看着代码脑袋都疼；由于点击锚点，内容会默认置顶，被导航栏遮住。一开始我都在网上找解决的方案，但是后来，我还是选择了一个比较笨的办法，就是将锚点所在的元素独立出来如下：

<a name="anchor" style="display:block;height:44px;margin-top:-44px;"></a>

　　给锚点所在元素设高度【元素的高度==导航栏的高度】，这样一来，锚点所在元素的下一个兄弟节点元素内容就不会被导航栏遮住了。但是可能会空出一部分，所以这时候就需要margin-top了，之所以margin-top：-44px，就是为了将锚点所在元素，所占的位置移动回去，这样就不会造成有空缺部分出现了。以上为我自己所遇到情况的解决方法。

时间： 2024-08-27 02:51:58

解决点击锚点置顶内容被导航遮住的相关文章

Popup 解决StayOpen=true时，置顶的问题

/// <summary> /// 解决StayOpen=true时,永远置顶问题的Popup控件 /// </summary> public class EasiNotePopup : Popup { public static readonly DependencyProperty IsTopmostProperty = DependencyProperty.Register("IsTopmost", typeof(bool), typeof(EasiNot

listview 点击条目 自动置顶或者自动置底部

关于Listview点击条目,自动滑动到点击条目实现: map_searchresult_list.post(new Runnable() { @Override public void run() { map_searchresult_list.smoothScrollToPosition(position); } }); 这种实现是点击条目在listview最下面. map_searchresult_list.post(new Runnable() { @Override public vo

iOS使用UIPageViewController结合多个UITableView后点击状态栏无法让UITableView置顶问题

页面结构:1个UIPageViewController含多个其他ViewController,每个ViewController中又包含了一个UITableView 问题:无法通过点击状态栏,让当前UITableView内容置顶 原因:UIPageViewController帮助我们管理了多个ViewController,本质上在UIPageViewController的view中包含多多个ViewController中的UITableView.由于每个UITableView的scrollsToT

QT窗口置顶/真透明/背景模糊/非矩形/跳过任务栏分页器/无边框/无焦点点击/焦点穿透

qt 窗口置顶/真透明/背景模糊/非矩形/跳过任务栏分页器/无边框/无焦点点击/焦点穿透 窗口置顶qt 里是 setWindowFlags(Qt::WindowStaysOnTopHint)kde 里是 KWindowSystem::setState(winId(), NET::KeepAbove)这样的置顶窗口不会处于全屏窗口的上方,如果需要真正的置顶,setWindowFlags(Qt::X11BypassWindowManagerHint) 可无视这个规则,但这样不会出现任务栏等,kimt

win8.1系统下，点击一个窗口，【当前活动窗口】该窗口无法置顶

两个或多个窗口同时显示在桌面的时候,点击下一层的窗口,无法置顶显示,无论怎么点击,还是隐藏在原置顶窗口的后面,只能手动把原置顶窗口最小化后,才能看到.例如,A窗口现在置顶,B窗口在A的后面,露出来一部分,我点击这一部分,A窗口的边框变灰,B窗口的边框变蓝,但是B窗口依然隐藏在A窗口后面,只能手动最小化A窗口,才能看到B窗口,然后这个时候,就是B窗口置顶了,接下来,我在在电脑下面的任务栏点击A窗口,A窗口同样无法置顶,还是显示在B窗口的下面,尽管B窗口的边框变成了灰色.

页面点击置顶按钮

1.以某一个height为100%的元素为相对定位元素,绝对定位到底部 或者 将元素的位置设置为 position:fixed;  总之,写一个好看的按钮在下面,可以用图片(灰白色). 在hover的时候讲position属性改变为彩色的向上点击按钮. 2.监听滚动事件,在滚动至底部的时候才会出现.顶部的时候自动隐藏. //置顶按钮 $(window).scroll(function(){ if($(document).scrollTop()>160){ $('.goToTop').fadeIn

点击分页按钮使页面置顶

<!DOCTYPE html> <title>点击页面置顶</title> <meta  charset ="UTF-8"> <script src="../js/jquery-3.4.1.min.js"></script> <body> <html> <div class="hidden" id="pageInfo">

百度编辑器在服务器置顶路径 解决上传图片创建目录失败的方法（Thinkphp）

1.设置文件夹权限 2.修改 /* 前后端通信相关的配置,注释只允许使用多行方式 */ { /* 上传图片配置项 */ "imageActionName": "uploadimage", /* 执行上传图片的action名称 */ "imageFieldName": "upfile", /* 提交的图片表单名称 */ "imageMaxSize": 2048000, /* 上传大小限制,单位B */ &qu

scroll中放入listview，并解决scroll初始化不置顶问题

首先,scroll中放入listview的话,listview是显示不全的,这时候需要动态修改listview的长度 public void setListViewHeight(ListView listView) { // 获取ListView对应的Adapter ListAdapter listAdapter = listView.getAdapter(); if (listAdapter == null) { return; } int totalHeight = 0; for (int