Question

如何设置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>

Answer 1

您可以将偏移量添加到scrollTop的末尾，如下所示：

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

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

Answer 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>

如何在这个脚本中设置offset（）100px？

2 个答案: