我使用jQuery加载新页面并滚动到特定的div。一切都很完美但我有一个小问题。每次链接在滚动之前打开时都会闪烁。
以下是代码:
<a id="about1" href="Main.html#aboutSection" alt="About"> ABOUT </a></li>
这是脚本:
$(document).ready(function() {
$('html, body').hide();
if (window.location.hash) {
setTimeout(function() {
$('html, body').scrollTop(0).show();
$('html, body').animate({
scrollTop: $(window.location.hash).offset().top
- 86}, 1000)
}, 0);
} else {
$('html, body').show();
} )};
我希望很清楚。
谢谢你们。
P.S:我是网络编程的新手。这段代码不是我的。
答案 0 :(得分:2)
你看到了眨眼,因为你隐藏了所有内容:
$('html, body').hide();
您是否有理由隐藏整个页面?如果没有,您可以尝试以下
$(document).ready(function() {
if (window.location.hash) {
$('html').animate({
scrollTop: $(window.location.hash).offset().top
- 86}, 1000);
}
});