当页面有position:fixed的悬浮菜单时，如何调整锚定位的时候不被悬浮菜单挡住？
2014-04-24 13:56
686 查看
当页面有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);
}原来的：<a href="#target">锚点定位</a>
改为：
<a href="javascript:void(0)" onclick="locateAt('target')">锚点定位</a>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 打开input输入的时候,css中position:absolute/fixed定位的时候,定位元素上移问题解决
- 移动端页面滑动，菜单到顶部之后定位在顶部（position: sticky;）
- 学习笔记 如何解决IE6 position:fixed固定定位问题{转载}
- visio绘图时候如何调整绘图页面大小
- 解决 “ie6 position:fixed定位”以及 “ 悬浮的元素会出现振动”
- div盒子position:fixed定位后无法滚动到页面顶部了
- CSS／JS 实现滑动页面，到一定位置，position 定位设置为fixed,否则用absolute;
- 关于绝对定位position:fixed中，如何让div居中
- ios下，iframe页面中的position:fixed定位布局错误
- HTML兼容性 不声明doctype，IE9标准模式下position:fixed定位失败，导致遮罩层（Mask Layer）显示在页面最下方，FF和Chrome正常
- 使用属性position:fixed的时候如何才能让div居中
- 如何解决iphone手机微信浏览器中滑动到页面底部出现黑色背景盖住position:fixed的页面元素的问题？
- html 页面太长滚动时，固定页面菜单标签，或者导航标签的位置，fixed/stickUp the position
- IE6浏览器不支持固定定位（position：fixed）解决方案(转)
- 解决 IE6 position:fixed 固定定位问题
- 解决 scroll() position:fixed 抖动、导航菜单固定头部(底部)跟随屏幕滚动
- 如何实现页面打开定位滚动条的效果
- 中间部分滚动记录div内滚动条的位置, 以及将页面分为三部分组成解决position:fixed在ios下失效问题
- 解决IE6 下 position:fixed 绝对定位的问题
- 【解决方案】Axure RP如何隐藏部分页面的菜单项