目前,我的菜单有一个功能,可以滚动到页面上的不同 div,作为一种导航形式。目前我正在使用以下方法。
滚动到投资组合
$("html, body").animate({ scrollTop: $('#portfolio').offset().top }, 600);
由于我正在动态构建整个页面,因此当有人单击链接时,我使用 .hide() 隐藏主页元素并生成其他内容。
function hideElements() {
$("#something").hide();
}
在内容页面上,如果他们想返回投资组合,他们会再次单击投资组合链接。我正在使用以下方法将它们“滚动”到重新显示的元素。
$("#nav").click(){
unhideMainElements();
$("html, body").animate({ scrollTop: $('#portfolio').offset().top }, 1200);
$("#container").fadeIn(300);
}
问题是,淡入淡出会起作用,但不会滚动到元素。我认为它与 .hide() 元素和 .show() 元素有关,但我不知道为什么。我很欣赏任何见解。谢谢!