Jquery 带ancor变换的Scrollspy

Jquery 带ancor变换的Scrollspy,jquery,html,css,Jquery,Html,Css,我有一个问题,我的滚动间谍和过渡从导航栏到一个特定的锚位置。当我每次点击公文包标签时,它都会被切断并快速下降,即使我指定它在平滑动画中移动。而且这一页被剪到下一页的一半。当我滚动时,滚动间谍不跟随。你知道为什么会这样吗?我已经检查过了,我的目录中有Jquery $('a')。单击(函数(){ $('html,body')。设置动画({ scrollTop:$($(this.attr('href')).offset().top }, 500); 返回false; }); 正文{ 位置:相对位置;

我有一个问题,我的滚动间谍和过渡从导航栏到一个特定的锚位置。当我每次点击公文包标签时,它都会被切断并快速下降,即使我指定它在平滑动画中移动。而且这一页被剪到下一页的一半。当我滚动时,滚动间谍不跟随。你知道为什么会这样吗?我已经检查过了,我的目录中有Jquery

$('a')。单击(函数(){
$('html,body')。设置动画({
scrollTop:$($(this.attr('href')).offset().top
}, 500);
返回false;
});
正文{
位置:相对位置;
}
/*页脚*/
.navbar品牌{
填充:0px;
}
.navbar品牌>img{
身高:100%;
填充:15px;
宽度:自动;
}
.huskynav.navbar品牌{
高度:80px;
}
.huskynav.nav>li>a{
填充顶部:30px;
填充底部:30px;
}
.huskynav.navbar切换{
填充:10px;
利润率:25px 15px 25px 0;
}
/*魔鬼*/
.家{
身高:100%;
填充顶部:150px;
文本对齐:居中;
背景#423840;
}
.关于{
身高:100%;
填充顶部:150px;
文本对齐:居中;
背景#8dd8f8;
}
.服务{
身高:100%;
填充顶部:150px;
文本对齐:居中;
背景:#9D714F;
}
.info{
身高:100%;
填充顶部:150px;
文本对齐:居中;
背景:#eee;
}
.联系方式{
身高:100%;
填充顶部:150px;
文本对齐:居中;
背景:#fff;
}

切换导航
投资组合 服务 信息 联系我们
您的解决方案在代码片段上运行得非常好,我添加了公文包部分,因为它有404响应。也许它也能解决你的问题

$('a')。单击(函数(){
$('html,body')。设置动画({
scrollTop:$($(this.attr('href')).offset().top
}, 500);
返回false;
});
正文{
位置:相对位置;
}
/*页脚*/
.navbar品牌{
填充:0px;
}
.navbar品牌>img{
身高:100%;
填充:15px;
宽度:自动;
}
.huskynav.navbar品牌{
高度:80px;
}
.huskynav.nav>li>a{
填充顶部:30px;
填充底部:30px;
}
.huskynav.navbar切换{
填充:10px;
利润率:25px 15px 25px 0;
}
/*魔鬼*/
.家{
身高:100%;
填充顶部:150px;
文本对齐:居中;
背景#423840;
}
.关于{
身高:100%;
填充顶部:150px;
文本对齐:居中;
背景#8dd8f8;
}
.服务{
身高:100%;
填充顶部:150px;
文本对齐:居中;
背景:#9D714F;
}
.info{
身高:100%;
填充顶部:150px;
文本对齐:居中;
背景:#eee;
}
.联系方式{
身高:100%;
填充顶部:150px;
文本对齐:居中;
背景:#fff;
}

切换导航
家 文件夹 投资组合 服务 信息 联系我们
不,由于某些原因,scrollspy仍然无法使用,并且锚仍然在跳转。您使用的浏览器是什么?谷歌Chrome 51.0.2704.106 m版(64位)也在edge上进行了测试。我也在IE和Firefox上进行了测试,它在任何地方都可以使用。您可能在浏览器上禁用了javascript?我已检查它是否未禁用。