jquery - anchor 标记，使用 jQuery 转到 div 类的开头

Question

我想实现一个全局 anchor 类型的功能。

我想通过输入到我的 header.inc 文件中，在全局范围内包含指向网页主要部分的链接。

当你选择链接时，它会滚动到页面的主要部分，它在 div 类 content-body 中

<div class="content-body">
  main content
</div>

因此它将向下滚动到 div 开始的位置。

我想实现 anchor 标记功能，但它转到 div 类，而不是 id。

我想知道是否有办法用 jQuery 做到这一点。我为什么要这样做，是因为我可以在整个现有网站上全局实现。

Answer 1

这可能对您有所帮助。

您可以创建一个小函数来实现此行为。真的很有用。你不能完全避免打开窗口或模式，以及类似的东西。

 function to_position(divid){
     $('html, body').animate({scrollTop:$(divid).position().top - 50 }, 'slow');
 }

所以。你像这样使用这个函数。

 to_position('#my_id')
 //or class, or whatever jquery selector
 to_position('.my_class')
 //
 to_position('input[name="lorenzolamas"]')