滚动前屏幕闪烁

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();
} )};

我希望足够清楚。

多谢你们。

PS：我是Web编程的新手。 此代码不是我的。

Answer 1

您正在眨眼，因为您隐藏了所有内容：

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

您是否有理由要隐藏整个页面？ 如果没有，您可以尝试以下方法

$(document).ready(function() {

    if (window.location.hash) {

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