Question

我已设法使用以下代码在单个页面上进行平滑滚动。

请注意，HTML链接存储在header.php中，并且在下面的多个页面中使用的是一个代码段：

HTML脚本：

<a class="item" href="index.php#contact">

<a name="contact"></a>

JS脚本：

$('a[href="index.php#contact"]').click(function (e) { // user clicks on html link

    e.preventDefault();  // prevent the default behaviour that occurs in the browser

    var targetOffset = $('a[name="contact"]').offset().top; // define a variable to point at a particular section & offset from the top of browser

    $('body').animate( // create animation

        { scrollTop: targetOffset }, 1000); // scrollTop property = target variable

    });

问题：

当我转到其他网页并点击联系人链接时，它不会链接回index.php#contact并向下滚动到联系人定位点。

非常感谢任何帮助或建议我确信它在代码中的某个简单调整。

Answer 1

检查你的href它应该是：index.php / #contact

jQuery在不同的网页上平滑滚动

1 个答案: