簡體   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