锚链接的平滑滚动不起作用
Smooth Scroll for anchor links not working
我正在尝试为客户网站上的锚链接获得平滑的滚动效果。出于某种原因,当我添加滚动代码时,锚点完全停止工作。我试过只用导航和代码做一支笔,它工作正常,所以它一定是我页面上的其他东西导致了这个问题,请帮忙??
http://codepen.io/anon/pen/dYegMK <-- 它有点贫瘠,但为了他们的隐私我不得不删除客户的内容
(function($) {
$(document).ready(function() {
$(function() {
$('nav#cssmenu a').bind('click', function(event) {
var $anchor = $(this);
$('html, body').stop().animate({
scrollTop: ($($anchor.attr('href')).offset().top - 95)
}, 1500, 'easeInOutExpo');
event.preventDefault();
});
});
});
}(jQuery));
尝试使用 linear
和 swing
缓动。
您可以在此处找到更多信息 Easing functions in jQuery
我正在尝试为客户网站上的锚链接获得平滑的滚动效果。出于某种原因,当我添加滚动代码时,锚点完全停止工作。我试过只用导航和代码做一支笔,它工作正常,所以它一定是我页面上的其他东西导致了这个问题,请帮忙??
http://codepen.io/anon/pen/dYegMK <-- 它有点贫瘠,但为了他们的隐私我不得不删除客户的内容
(function($) {
$(document).ready(function() {
$(function() {
$('nav#cssmenu a').bind('click', function(event) {
var $anchor = $(this);
$('html, body').stop().animate({
scrollTop: ($($anchor.attr('href')).offset().top - 95)
}, 1500, 'easeInOutExpo');
event.preventDefault();
});
});
});
}(jQuery));
尝试使用 linear
和 swing
缓动。
您可以在此处找到更多信息 Easing functions in jQuery