jquery - 如何在到达某个部分或 div 之前滚动带有固定导航栏的网页?

标签 jquery html css

我认为标题足以理解我的问题。

我正在开发一个带有固定导航栏的单页 HTML 模板。当我向下滚动时,它会出现在我的部分标题上。我的编码是这样的:

<a href="#service"></a>
<section id="services"></section>

我想在我的部分顶部之前向下滚动一点。

谢谢。

最佳答案

为内容 div 提供导航栏高度的 padding-topmargin-top:

<a href="#link">Link</a>
<div id="link" class="content">
    Content Here...
</div>

CSS:

.content{
    padding-top:50px;
}

JSFiddle Demo

关于jquery - 如何在到达某个部分或 div 之前滚动带有固定导航栏的网页?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27711769/

相关文章:

javascript - 处理两个或多个相同指令的点击离开

jquery - 查找当前页面显示的记录数

Javascript - 点击另一个网站页面链接?

html - 在没有标签标签的情况下设置复选框样式

html - 为什么在我使用 Chrome 开发人员工具强制元素状态之前,我的表格单元格(偶尔)不会表现出 'hover' 行为?

java - 尝试使用相同的 ajax 调用取消关注时,关注/取消关注按钮不起作用

javascript - 如何确保列在 Twitter Bootstrap 3 中均等地换行?

html - 如何在行中 float 元素。

css - img 标签自动继承包含文章的 css?

Jquery:分离() parent 而不影响 child ......解包()做太多了