【Elementor】錨點被點擊時取消平滑移動

在Elementor中如果點擊錨點後,在瀏覽器中的此頁的網址並不會自動被加上#錨點,

所以會發現點擊錨點時網頁會平滑移動至該段落,如果想要取消這種平滑效果的話,可以試試如下...

在Elementor中想要「同一頁錨點被點擊時」取消平滑移動,可以這樣做 :

超連結原本是填「#錨點」,改如下 :

在超連結網址中直接填:
javascript:setTimeout(function() {
window.location ='https://mamabobi.tw/sample-page/#movie';
}, 100);

後面就改成你這一頁網址+錨點的id 即可。

上面100若無法正常到達就改成200或更高試試,目前測試是100就可以了。

為何要加上Timeout(遲延執行)?在Elemenor中需timeout才能生效, 不然會發生奇怪現象。

2020/3/23 :

另可以用我新發現的招式,如下 :

//把Elementor的錨點的 class="elementor-menu-anchor" 用jq拿掉即可
//不平滑移動會取消且網址中會有錨點路徑

<script>
jQuery(".elementor-menu-anchor").removeClass("elementor-menu-anchor");
</script>

 

Facy

我是Facy,浸淫網路行銷多年,凡是網路行銷相關都興趣十足,特別是「關鍵字&內容行銷」! 目前主要是專職部落客、網站接案製作、架站教學,歡迎找我聊聊。

  • 如果您需要問我相關的話,可以加入FB社團一起交流或寫信給我: [email protected]
  • 如果您需要更系統性的學習,歡迎參考我的線上課程或家教班
  • 如果您有單一性的問題,例如網站健診、文章問題、做不出的功能,目前接受付費線上家教

發表留言