Question

我几乎已经完成了我的网站，现在我遇到了一个问题。

在我的页面上我用tekst获得了3个街区。 2是静态的，是动态的。

单击按钮时，页面应该更改，这样可以正常工作。但现在我添加了平滑滚动到我的网站。

平滑滚动效果很好。但现在动态页面更改不再起作用了。

我看起来有一件事情在于统治对方。

我该如何解决这个问题？

这是我的代码。

我在index.php上创建了

  <?php

      $page = 'home'; 

    $pages = array( 'home' , 'hoogopgeleid', 'kennis' , 'extern', 'uitstroom', 'dynamiek' , 'didacticum');

    if( in_array( $_GET['page'], $pages ) ) {
        $page = $_GET['page'];
    }

    ?>

对于我使用的平滑滚动（在互联网上找到）

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
$(function() {
  $('a[href*=#]:not([href=#])').click(function() {
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
      var target = $(this.hash);
      target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
      if (target.length) {
        $('html,body').animate({
          scrollTop: target.offset().top
        }, 1000);
        return false;
      }
    }
  });
});
</script>

并在我的按钮中使用链接

<button> <a href="?page="home#pro"> Here some tekst </a>  </button>

另外在互联网上我读到了关于#pro的主页。但就像我说的，只有一个正在发挥作用。

我认为并希望这将是一个简单的解决方案！

Thnx

Answer 1

卸下：

return false;

正如此prevents the default browser behaviour并且可能阻止传播到动态内容加载器。

平滑滚动和动态页面

1 个答案: