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

时间:2013-12-02 17:19:15

标签: javascript jquery joomla

我想在侧边栏中创建一个菜单,每个项目都会通过在页面内上下滚动来指向当前页面中的某个部分。我可以使用任何模块吗?我使用的是3.0,我可以访问所有文件

由于

1 个答案:

答案 0 :(得分:4)

Joomla主播菜单

甲。首先,您必须为要滚动到

的部分创建ID

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

在模板的根目录中编辑模板文件(index.php),并为要滚动到的每个部分添加ID。 例如:

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

案例2 :您无法通过FTP访问模板文件。

转到模板管理器: 1.扩展/模板管理器。 2.单击屏幕右侧的模板名称(模板下不在样式下)。 3.单击“编辑主页面模板”。 4.在这里编辑你的index.php文件。

找到您想要引导的部分并为其提供ID。

B.设置菜单锚链接。

  1. 照常创建菜单(菜单/菜单管理器/添加新菜单)
  2. 创建菜单链接。
  3. 这是诀窍:

    对于菜单项类型选择: 系统链接/外部网址。 在“链接”字段中写

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