幫助中心 helperCenter.php

[willy800510]

小於1200px 左邊導覽列 會隱藏 由header左上icon 叫出（第53行）

<div class="sideMenuBtn-L py-4" data-toggle="collapse" data-target="#helper_guide" aria-expanded="false" aria-controls="helper_guide">

左導覽靠著第515行的jquery 可以自動scroll到相對應位置（然後我寫的很冗長........如果有更好的寫法，請提供我更好的寫法）

困擾：每一次點都會關掉導覽 應該是被header-logoCenter.php 影響

$(document).click(function (event) {
var clickover = $(event.target);
var _opened = $('#helper_guide').hasClass("show");
if (_opened === true && !clickover.hasClass("MenuBtnOpen")) {
$(".menuBurger-L").click();
}
});

想要點完後不關掉導覽，除非點選導覽外面

[joyuhuang]

scroll到相對應位置

可以在那個連結的href寫好連結位置(對應的區塊id)，再將所有連結都加上一個統一的class，例如:

<a href="#about_s" id="guide_about_s" class="d-block helpMenuBtn" role="button" aria-controls="about">關於品牌</a>

然後script部分 就可以用class名來一起指定:

$('.helpMenuBtn').click(function () {
    event.preventDefault(); //有沒有寫這個的意義？ 有加這個的話就不會執行a的導向動作，網址不會多出現#about_s等，滾動動畫不會亂跳(雖然目前看起來滾動並沒有受到影響，但覺得有加比較保險 )
    var target = $(this).attr('href');
    $('html,body').animate({ scrollTop: $(target).offset().top- 60 }, 800);
});

---

點完後不關掉導覽

多加上這段，讓點選導覽部分時，不會繼續觸發到document的click

$('#helper_guide').click(function (event) {
    event.stopPropagation();
});