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测试它。。您可以通过控制台记录散列来查看该部分是否出错。