ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

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

2019-10-30 04:33:41  阅读:124  来源: 互联网

标签:joomla javascript jquery


我想在侧边栏中创建一个菜单,每个项目将通过在页面内上下滚动而指向当前页面的一部分.我可以使用任何模块吗?我正在使用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.设置菜单锚链接.

>照常创建菜单(菜单/菜单管理器/添加新菜单)
>创建菜单链接.

这是窍门:

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

#你的身份证

给出菜单标题.保存并发布您的菜单.
现在,当您单击菜单链接时,它应该将页面滚动到右侧.如果滚动不够平滑,则可以使用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;
});

标签:joomla,javascript,jquery
来源: https://codeday.me/bug/20191030/1965516.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有