使用jQuery.Pin垂直滚动时固定导航
更新时间：2017年05月24日 13:05:38 作者：ZKEASOFT
这篇文章主要为大家详细介绍了使用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>
这样就完成了，可以到对应的页面去预览一下效果了。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章
有时候为了更好的用户体验，使用jquery的朋友可以参考下代码。2011-09-09
基于jquery的loading效果实现代码，需要的朋友可以参考下。2010-11-11
本篇文章主要是对jquery淡入淡出效果的简单实例进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-02-02
很多朋友对jquery select的操作很有兴趣，但网上的东西太多，所以脚本之家特别将Jquery Select操作方法整理下，方便大家查找。2010-05-05
本文主要介绍jQuery中on方法使用注意事项。具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
这篇文章主要介绍了jquery图片滚动放大效果，功能实现非常简单，推荐给大家，有需要的小伙伴可以参考下。2015-08-08
jQuery中的bind绑定事件与文本框改变事件的临时解决方法
暂时没有想到什么好的解决办法，我现在加了个浏览器判断非ie的话就注册blur事件，这样有个问题就是blur实在别的控件活动焦点的时候，txtStation控件注册的方法是为了填充它紧挨着的一个下拉列表2010-08-08
本教程将为大家详细介绍下使用公用方法验证jquery struts唯一标识，感兴趣的朋友可以参考下哈，希望可以帮助到你2013-03-03
jQuery对象和Javascript对象之间转换的实例代码
jQuery对象和Javascript对象之间转换的实例代码，需要的朋友可以参考一下2013-03-03
本篇文章主要是对Json序列化和反序列化方法进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
最新评论