平滑滚动导航不起作用
问题描述:
任何人都可以用这个平滑滚动来帮助我。我似乎无法找到问题。平滑滚动导航不起作用
我有一个很好的“脸谱”导航效果,并会使它滚动时,我推李按钮。但它不工作!我的头即将爆炸,眼睛正在融化。希望有人能帮助我:)
导航按钮隐藏在右上角。
(function() {
var $body = document.body
, $menu_trigger = $body.getElementsByClassName('menu-trigger')[0];
if (typeof $menu_trigger !== 'undefined') {
$menu_trigger.addEventListener('click', function() {
$body.className = ($body.className == 'menu-active')? '' : 'menu-active';
});
}
}).call(this);
答
你的身体结束标签前添加此:
$('a[href^="#"]').click(function()
{
var the_id = $(this).attr("href");
$('html, body').animate(
{
scrollTop:$(the_id).offset().top
}, 'slow');
return false;
});
我已经有一个平滑滚动的JavaScript(见小提琴)它像内容的div破坏平滑滚动的效果。当我删除内容分区它完美的作品,但然后“Facebook” - 导航不起作用。 – user3384276
你能告诉我你是什么意思的“facebook导航” – Machado
这是在facebook(在手机上)从左到右或从右到左的滑动滑动导航。我的代码上的图标位于右上角,当您按下它时,幻灯片菜单将从左至右出现。这很好!但是当推动链接时,平滑滚动不起作用。 – user3384276