Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/redis/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何在此脚本中设置偏移量()100px?_Jquery_Css - Fatal编程技术网

Jquery 如何在此脚本中设置偏移量()100px?

Jquery 如何在此脚本中设置偏移量()100px?,jquery,css,Jquery,Css,如何设置offset()函数来执行边距顶部: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()

如何设置
offset()
函数来执行
边距顶部: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>

$(函数(){
$(文档).scrollTop($(“#位置页面”).offset().top);
});
关于我们的内容。。。
















标题内容。。。
只需将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>

$(函数(){
$(文档).scrollTop($(“#位置页面”).offset().top+100);
});
关于我们的内容。。。























































































<
<
<
<
<
<
<
<<

<

<<<<<<<

<<<<<<<<<
































































标题内容。。。
您只需将偏移量添加到scrollTop的末尾,如下所示:

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

下面是一个工作示例:

$(document).scrollTop($(“#position_page”).offset().top-100)?php部分在哪里?为什么不使用带有id引用的URL:
http://website.com/#position_page
?这将自动将视图放在所需的div上。删除了
PHP
tagbenchripps,说明您是正确的。
add 100
但是
$(“#position_page”).offset().top-100
您的JSFIDLE使用的是
400
而不是
100
,并且您添加的内容不在正确的位置。另外,由于
position\u page
是最后一个元素,不包含任何内容,因此您的示例始终滚动到底。这里有一个更新