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

滚动前屏幕闪烁

1 个答案: