如何在此脚本中设置 offset() 100px？答案

【问题标题】：how to set offset() 100px in this script?如何在此脚本中设置 offset() 100px？
【发布时间】：2026-02-01 19:00:01
【问题描述】：

如何设置offset() 函数来执行margin-top: 100px; 会执行的操作？

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.js"></script>

    <script type="text/javascript">
    $(function() {
        $(document).scrollTop( $("#position_page").offset().top );  
    });
    </script>

    <div id="aboutUs">
      About us content...
    </div><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <div id="position_page">
      Header content...
    </div>

【问题讨论】：

$(document).scrollTop( $("#position_page").offset().top - 100); ?
php部分在哪里？
为什么不使用带有 id 引用的 url：http://website.com/#position_page？这将自动将视图放在您想要的 div 上。
删除了PHP标签
bencripps 你是对的。

标签： jquery css

【解决方案1】：

您可以像这样将偏移量添加到 scrollTop 的末尾：

$(document).scrollTop( $("#position_page").offset().top + 100);

这是一个工作示例：http://jsfiddle.net/mtruty/rks3H/

【讨论】：

您的 jsfiddle 使用了400 而不是100，并且您添加的内容不在正确的位置。另外因为position_page 是最后一个元素并且不包含任何内容，所以您的示例总是一直滚动到底部。这是更新jsfiddle.net/rks3H/1

【解决方案2】：

只需在滚动位置上加 100

<script type="text/javascript">
$(function() {
    $(document).scrollTop( $("#position_page").offset().top + 100);  
});
</script>

<div id="aboutUs">
  About us content...
</div><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<div id="position_page">
  Header content...
</div>

【讨论】：

add 100 还 $("#position_page").offset().top - 100