使用jQuery.Pin垂直滾動時固定導航，jquery.pin導航

使用jQuery.Pin垂直滾動時固定導航，jquery.pin導航

ZKEACMS的導航預設是不能固定的，隨著頁面的滾動而滾動，為了有更好的使用者體驗，當頁面往下滾動時，可以將導航固定在頂端，這樣方便使用者點擊。

jQuery Pin

藉助jQuery的一個外掛程式 jQuery.Pin，這個外掛程式可在用來固定式頁面面中的元素。

http://webpop.github.io/jquery.pin/

添加指令碼

向頁面中添加指令碼，使用 jquery.pin 來固定導航。為了減少添加指令碼的次數，可以將指令碼添加到布局中，這樣所有使用該局的頁面都會應用到。

1. 布局組件 -> 預設布局 -> 底部 將指令碼添加到頁面的底部。

2. 選擇指令碼組件，點擊下一步

3. 輸入以下指令碼內容，儲存

<script type="text/javascript" src="http://cdn.zkea.net/Scripts/jquery.pin.min.js"></script><script type="text/javascript">$(function () {$(".navigation").closest(".widget").parent().css("z-index",10000).pin();})</script> 

這樣就完成了，可以到對應的頁面去預覽一下效果了。

以上就是本文的全部內容，希望對大家的學習有所協助，也希望大家多多支援幫客之家。