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
是最后一个元素,不包含任何内容,因此您的示例始终滚动到底。这里有一个更新