javascript - 滚动前屏幕闪烁

Question

我使用 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:我是网络编程的新手。此代码不是我的。

Answer 1

你看到一个闪烁是因为你隐藏了你所有的内容:

$('html, body').hide();

您想隐藏整个页面的原因是什么？如果没有，您可以尝试以下操作

$(document).ready(function() {

    if (window.location.hash) {

      $('html').animate({
        scrollTop: $(window.location.hash).offset().top
      - 86}, 1000);
   }
});