Question

我有一个主页，该主页是通过在wordpress中使用多个小模板页面创建的。我已经在上面设置了菜单。现在我想使用菜单进入特定的部分/模板。就像我按联系人菜单按钮一样，它应该在调用了联系人模板的首页上平稳地向下移动。我正在使用wordpress的“页面滚动到id”插件，但无法正常工作。我还看到，当页面由dashoard页面创建时，此插件有效。请帮助我，如何使用此插件导航到我的模板页面/部分。如果还有其他插件，请告诉我。我也会尝试使用它。

谢谢

Answer 1

要在链接上创建平滑滚动，请按照以下步骤操作：

步骤1：在菜单href中添加节ID，包括管理区Appearance >> Menu中的＃section1。

步骤2：创建ID为section1的板块或div。

<div id="section1"></div>

第3步：将以下代码粘贴到您的自定义js文件下。

$(document).ready(function(){
  // Add smooth scrolling to all links
  $("a").on('click', function(event) {

    // Make sure this.hash has a value before overriding default behavior
    if (this.hash !== "") {
      // Prevent default anchor click behavior
      event.preventDefault();

      // Store hash
      var hash = this.hash;

      // Using jQuery's animate() method to add smooth page scroll
      // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
      $('html, body').animate({
        scrollTop: $(hash).offset().top
      }, 800, function(){

        // Add hash (#) to URL when done scrolling (default click behavior)
        window.location.hash = hash;
      });
    } // End if
  });
});

希望对您有帮助。

如何在WordPress的页面模板上使用页面滚动到ID插件？

1 个答案: