我使用 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:我是网络编程的新手。此代码不是我的。
最佳答案
你看到一个闪烁是因为你隐藏了你所有的内容:
$('html, body').hide();
您想隐藏整个页面的原因是什么?如果没有,您可以尝试以下操作
$(document).ready(function() {
if (window.location.hash) {
$('html').animate({
scrollTop: $(window.location.hash).offset().top
- 86}, 1000);
}
});
关于javascript - 滚动前屏幕闪烁,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36814907/