我正在努力清理锚点的工作方式.我有一个固定在页面的顶部的头,所以当你在页面的其他地方链接到一个锚,页面跳转所以其锚固在页面的顶部,留下固定头后面的内容(我希望那讲得通).我需要一种方法来将锚点从头部的高度偏移25px.我更喜欢HTML或CSS,但Javascript也可以接受.

我一直试图在我的网站上添加一个平滑的滚动功能一段时间,但似乎无法让它工作.

这是我的导航相关的HTML代码:

<div id="nav-wrapper">
<div id="nav" class="navbar navbar-inverse affix-top" data-spy="affix" data-offset-top="675">
  <div class="navbar-inner" data-spy="affix-top">
    <div class="container">

      <!-- .btn-navbar is used as the toggle for collapsed navbar content -->
      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </a>

      <!-- Everything you want hidden at 940px or less, place within here -->
      <div class="nav-collapse collapse">
        <ul class="nav">
            <li><a href="#home">Home</a></li>
            <li><a href="#service-top">Services</a></li>
            <li><a href="#contact-arrow">Contact</a></li>
        </ul><!--/.nav-->
      </div><!--/.nav-collapse collapse pull-right-->
    </div><!--/.container-->
  </div><!--/.navbar-inner-->
</div><!--/#nav /.navbar navbar-inverse-->
</div><!--/#nav-wrapper-->

这是我添加的JS代码:

<script src="js/jquery.scrollTo-1.4.3.1-min.js"></script>

<script>
    $(document).ready(function(e) { …

难道真的是不错,attr("href")提供的链接命令在IE7相比,处理得非常不同于其他的浏览器？

假设我在http://example.com/page.html上有一个页面,我有这个HTML:

<a href="#someAnchor" class="lnkTest">Link text</a>

这个jQuery:

var strHref = $(".lnkTest").attr("href");

然后在IE7中strHref变量的值将是,"http://example.com/page.htm#someAnchor"但在其他浏览器中它将是"#someAnchor".

我相信最后提到的案例是最正确的案例,所以它只是IE7是一个坏男孩的案例,还是jQuery中的一个错误？

我们目前存在这样的问题,即www.example.com/#section形式的链接不会跳转到正确的位置,因为我们在顶部有一个固定的导航,它覆盖了网站的第一部分.

<div id="anchorpoint">Some content here</div>

我们如何告诉浏览器跳转到锚点位置+ 100px？

谢谢.

我有一些锚元素,但它们在绝对位置div中,div的内容很大,以至于它在内部滚动(溢出:自动).

div中的所有条目都有一个锚点在顶部,但是如果我去这个锚点我有我想要的元素直接在侧面,但我希望它在中心.我需要像偏移一样的东西,所以我可以跳得比正常高.

我有一个Bootstrap 3.0导航栏,它总是在页面顶部可见,但这可以代表该position属性的任何内容fixed.

<nav class="navbar navbar-default navbar-fixed-top" >

因为修复它会将其从文档流中取出,所以我需要在body元素中添加一些填充,以便在首次显示页面时不隐藏内容

body {
    padding-top: 70px;
}

问题是,当我单击一个菜单项导航到一个部分时,就像#About那时该部分的顶部被切断一样.

的jsfiddle

问:有没有办法添加填充,以便在导航到导航时可以看到完整项目？

我正在尝试使用锚标签导航到网页的特定部分,使用bootstrap和固定在顶部的导航栏.问题是,当我单击锚链接时,它们没有正确滚动到该部分的开头,它滚动到该部分的开始,因为应用于主体的边距.

body {
    margin-top: 60px;
}

我怎样才能解决这个问题？

有关完整演示,请参阅以下jsFiddle:http://jsfiddle.net/6kwrY/

因此，我有一个带有下拉菜单的粘性导航栏，可以让我跳转到页面的不同部分。但是，当我跳转到不同的部分时，导航栏会覆盖我跳转到的 div 的开头。我检查了导航栏，它的高度为 58，带有填充和所有内容。如何将跳转偏移 58 像素，以便 div 与粘性顶部齐平，并且不会遮挡启动 div 的标题？

例如下面是我的网站

当我单击“教育”时，它会切断“教育”标题，并且与我的navbar.