Joomla:菜单项指向同一页面中的不同位置

Joomla: menu items point to different positions in the same page

本文关键字：位置 一页 菜单项 Joomla      更新时间：2024-01-18

我想在侧边栏中创建一个菜单，通过在页面中上下滚动，每个项目都会指向当前页面中的一个部分。有什么模块我可以使用吗？我正在使用3.0，我可以访问的所有文件

感谢

Joomla锚点菜单

A。首先，您必须为要滚动到的部分创建id

案例1：您可以通过FTP访问模板文件。

在模板的根目录下编辑模板文件（index.php），并为要滚动到的每个部分放置ID。示例：

<div id="section1">
... YOUR CODE ...
</div>

情况2：您无法通过FTP访问模板文件。

转到模板管理器：1.扩展/模板管理器。2.点击屏幕右侧的模板名称（在模板下，而不是在样式下）。3.点击"编辑主页模板"。4.在这里编辑你的index.php文件。

找到你想要引导的部分，并给他们一个ID。

B.设置菜单定位链接

  1. 照常创建菜单（菜单/菜单管理器/添加新菜单）
  2. 创建菜单链接

诀窍如下：

对于菜单项类型，请选择：系统链接/外部url。在"链接"字段中写入

#your ID

给出菜单标题。保存并发布菜单。现在，当你点击菜单链接时，它应该会将你的页面滚动到右侧。如果滚动不够平滑，可以使用jquery。

示例：

var $root = $('html, body');
$('**YOUR IDS HERE**').click(function() {
    var href = $.attr(this, 'href');
    $root.animate({
        scrollTop: $(href).offset().top
    }, 2000, function () {
        window.location.hash = href;
    });
    return false;
});
相关文章：