繁体   English   中英

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

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

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

谢谢

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. 创建菜单链接。

这是诀窍:

对于菜单项类型选择:系统链接/外部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;
});

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM