Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.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 滚动至带有收割台偏移量的锚定onload_Jquery_Anchor_Offset_Scrollto_Fragment Identifier - Fatal编程技术网

Jquery 滚动至带有收割台偏移量的锚定onload

Jquery 滚动至带有收割台偏移量的锚定onload,jquery,anchor,offset,scrollto,fragment-identifier,Jquery,Anchor,Offset,Scrollto,Fragment Identifier,我在我的网站上使用了几个divs的锚。 加载页面时,我的URL末尾有一个#,如下所示: 我也有一个固定的标题,与100px的高度 我正在使用scrollto插件 我想做的是,当我的页面加载时,它会滚动到URL的#div,并以页眉高度的偏移量为单位 下面是我尝试使用jQuery的内容,但它不起作用 $(window).load(function() { var hashVal = window.location.hash; var headerheight = $("heade

我在我的网站上使用了几个
div
s的锚。 加载页面时,我的URL末尾有一个
#
,如下所示:

我也有一个固定的标题,与100px的高度

我正在使用scrollto插件

我想做的是,当我的页面加载时,它会滚动到URL的
#div
,并以页眉高度的偏移量为单位

下面是我尝试使用jQuery的内容,但它不起作用

$(window).load(function() {

    var hashVal = window.location.hash;
    var headerheight = $("header").height();
    $('body').scrollTo(hashVal, { duration: 'slow', offsetTop: headerheight});

});
无法找出我做错了什么。

请尝试以下操作:

$(document).ready(function(){
     $('body').scrollTop($('body').scrollTop() + $("header").height());
});
请尝试以下操作:

$(document).ready(function(){
     $('body').scrollTop($('body').scrollTop() + $("header").height());
});

以下JSFIDLE工作正常:

区别在于:
我将
div
id=header
一起使用,可能您也会这样做,但使用
$(“header”).height()
您计算
的高度(如果您有这样一个元素,这很好…)


我将hashval设置为静态字符串,因为
window.location.hash
在JSFIDLE中不起作用。添加一些
console.log
命令以查看这些部分是否在代码中工作。

以下JSFIDLE工作正常:

区别在于:
我将
div
id=header
一起使用,可能您也会这样做,但使用
$(“header”).height()
您计算
的高度(如果您有这样一个元素,这很好…)


我将hashval设置为静态字符串,因为
window.location.hash
在JSFIDLE中不起作用。添加一些
console.log
命令以查看这些部分在代码中是否有效。

是的,它有效,但我想知道问题是否来自我的代码“var hashVal=window.location.hash;”的这一部分?可以在滚动之前获取window.location.hash吗?是的,应该可以,但是我不能用jsFidle测试它。。您可以通过控制台记录哈希来查看该部分是否出错。是的,它可以工作,但我想知道问题是否来自我的代码“var hashVal=window.location.hash;”的这一部分?可以在滚动之前获取window.location.hash吗?是的,应该可以,但是我不能用jsFidle测试它。。您可以通过控制台记录散列来查看该部分是否出错。