2 xtzz92 XTZZ92 于 2016.09.06 16:14 提问

顶部导航fixed定位后,A锚点定位定在内容上,而标题被遮住了,求解决方法

顶部导航fixed定位后,A锚点定位定在内容上,而标题被遮住了,求解决方法

1个回答

showbo
showbo   Ds   Rxr 2016.09.06 17:07

该你锚点位置到标题前面去

XTZZ92
XTZZ92 怎么写
接近 2 年之前 回复
showbo
showbo 回复k_kk: 你要平滑滚动可以用jquery的animate来设置window.scrollTop,需要先计算锚点的位置(top),然后再点击定位对象执行jqeury animate进行滚动
接近 2 年之前 回复
XTZZ92
XTZZ92 回复showbo: 就是啊,没办法,公司有个奇葩
接近 2 年之前 回复
showbo
showbo 回复k_kk: 锚点不都这样,要滚动到你的位置肯定要闪一下啊
接近 2 年之前 回复
XTZZ92
XTZZ92 为什么点击锚点它会有向上跳一下的情景,怎么取消
接近 2 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
当页面有position:fixed的悬浮菜单时,如何调整锚定位的时候不被悬浮菜单挡住?
function locateAt(e){ e = document.getElementById(e);/*以id命名的锚点*/ y = e.offsetTop; while(e=e.offsetParent){ y += e.offsetTop;} y-=65;/*悬浮菜单的高度*/ window.scrollTo(0,y); }
顶部fixed固定条遮挡下边文案
顶部fixed固定条遮挡下边文案当顶部出现固定条之后最让人头疼的问题就是会遮挡下面的内容,一般的解决办法就是给最外边的容器加padding-top,但是这非常不灵活,因为你不知道什么时候需要加顶部固定条,而且高度也不确定。有的时候加个类名区分,没有的时候去掉,这就要经常跟后端沟通,十分麻烦,今天想到而一个绝佳的好办法!是什么呢?就是给这个需要固定的条加一个父容器,并且给这个父容器设置高为固定条的高度
position:fixed ,锚点定位不准确的问题
解决方案: 1.    参照 stackoverflow 的做法,在主体内容前加一个暗锚 将锚点进行偏移,并隐藏占位: .target-fix {    position: relative;    top: -44px; // 偏移值    display: block;    height: 0;    overflow: hidden;} 2.    对于现代浏
IE绝对定位元素被遮挡的解决
一:           在进行网页布局设计的时候,经常会根据需要设置相对,绝对以及浮动定位最近突然发现了一个奇妙的现象:IE绝对定位元素神秘消失或被遮挡, 首先是IE绝对定位元素神秘消失,设置的绝对定位元素突然从IE浏览器下消失了,然而火狐能正常显示. 尝试对绝对定位元素进行清除浮动操作,IE下能显示,但是出现了莫名的留白,火狐下正常显示.至少这个现象表明,绝对定位元素在IE下神秘消失对相
position:fixed的元素定位到滚动区域,会被覆盖
目的 想让position:fixed 的元素定位在页面底部 问题 华为、oppo旧款手机上会被覆盖 原因 误将position:fixed 的元素定位在滚动区域中 解决 position:fixed 的元素定位根元素body上 问题说明 起初遇到这个问题实在是没想到是定位,找了很久才发现…以后还是乖乖滴把footer fixed 在body上吧
解决移动端虚拟键盘与fixed定位失效问题!
问题源头 移动端虚拟键盘出现的条件是:文本框(文本类)获得焦点 弹出键盘后原先定位与底部的东西会被虚拟键盘顶上去,样式错乱! 首先我们会想到监听focus和blur事件,但是会有bug,虚拟键盘有自带的收起键盘,这样输入框还是聚焦事件,并没有触发blur事件。所以会导致失效的。 解决办法 我们可以换一个思路。监听改变浏览器窗口高度的时候去触发事件。下面贴上代码
关于position: fixed学习,顶部固定导航
关于position: fixed学习,顶部固定导航
position 定位相互覆盖的问题
position 定位相互覆盖的问题
绝对定位和overflow-y: scroll实现不使用fixed固定定位将元素固定在页面顶部或底部
使用position:fixed固定定位可以很方便将元素固定在页面某处。但是它和绝对顶部不同:绝对定位是相对于其position:absolute的父元素来定位;而fixed定位相对于屏幕;这导致在左右分别布局的页面上出现定位的元素在不同显示器或不同型号手机上出现偏差。使用绝对定位能通过相对父元素来保证定位元素在左边某处或右边某处。 此方法有两个步骤:1.需定位元素的css: z-
关于bootstrap中Affix放在顶部导航栏,出现位置偏移的问题
1.在使用bootstarp开发我们公司产品产品网站的时候使用Affix插件的,影响了顶部导航栏的位置。 2.改正好之后的截图如下: 这是修改之后的效果,之前导航条的位置出现在左边。 3.具体原因 ffix是BootStrap中的一个很有用的控件,他能够监视浏览器的滚动条的位置并让你的导航始终都在页面的可视区域。一开始的时候,导航在页面中是普通的流式布局,占有文档中固定的位