时间:2021-05-25
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>这样就完成了,可以到对应的页面去预览一下效果了。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
动态吸底:开始时fixed在页面上,当页面滚动到距离底部一定距离的时fixed部分固定。这个是需要计算页面滚动距离的,如果使用Jquery或者原生js实现是非常
实用的jQuery网页元素固定导航置顶插件StickUp,简单的jQuery插件,实现网页元素固定,如导航固定让其总是保持在视图中可见,在one-page页面中
jquery实现的导航固定效果复制代码代码如下:1.jquery代码,.nav为导航的class$(function(){$(window).scroll(fu
本文实例讲述了jQuery实现带滚动导航效果的全屏滚动相册。分享给大家供大家参考。具体如下:运行效果图如下:主要代码如下:$(function(){//加载时的
对于DIV+CSS不熟悉的我,为此加班加点在项目上线时把问题解决了。参考代码如下:复制代码代码如下:固定上下层的位置固定悬浮导航在此处,不随滚动条的滚动变化我是