熱門文章

2016年7月21日 星期四

[WordPress][Plugin]jQuery Smooth Scroll

使用此簡單的外掛完成單頁指定位置滾動效果(請看範例),且在網站右下角加入返回頂端的快捷鍵(我是取消此功能,因主題原本就有)






效果設置方法

將某區塊加入 id 標籤如:
<section id="home"> ...
</section>

然後設置連結如 :

<a href="#home">Home</a>



還有我發現如果我的標籤是 tab開頭就沒有滾動效果 如 id="tab1" ,但是 id="1"就可以
不知道是什麼bug 或者衝突。


還有如果是 Dev Slider 的設定是

"Click" 後執行 "Simple Link"的動作 目標為 "#tab33"(就是這裡我設定tab開頭,沒有滾動效果) Link Type "a Tag Link" (預設的"jQuery Link"則不會有效果)

詳細教學可以看 這裡

取消返回頂端的快捷鍵-方法

1.編輯外掛


編輯 jquery-smooth-scroll/jquery-smooth-scroll.php

// add move to top button at wp_footer
// add_action( 'wp_footer',  array( &$this, 'wp_footer') );
將此行加入"//" 註解掉即可



沒有留言:

張貼留言