注册    登录
最新消息: 本以为花钱买了那个amh的板面可以让网站更稳定,结果搞得整 个网站运行出错,真是赔了夫人又折兵,对不起大家了。最新版jquery-2.1.1下载  ,在线的 jquery API使用手册, 稳定版jquery.mobile-1.3.2下载

jquery浮动粘性定位插件positionSticky

jQuery插件 fishcity 1032浏览

jquery浮动粘性定位插件positionSticky

positionSticky是一款基于jquery浮动定位插件,positionSticky的定位是粘性的,它可根据项目需求自由的在DIV中定义,具有极强的灵活性与粘性。如你需要在某个DIV滚动出视窗后浮动窗口消失,或是在特定的DIV滚动到视窗后显示,都非常容易的设置,更让人喜欢的是,插件可以支持显示和浮动属性示例,并能将它们很好连接起来。

使用方法

引入核心文件

  <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
  <script src="../dist/jQuery.positionSticky.js"></script>

写入html,可任何标签元素。这是以H2为代表。

<div class="content">
    <h2 class="sticky">What is Lorem Ipsum?</h2>
    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p> 
</div>

实例中,h2标签会随着div的滚动而粘在顶部浮动,当DIV滚动出视窗后h2隐藏。

写入JS初始化插件

 jQuery('.sticky').positionSticky();

转载请注明:jQ酷 » jquery浮动粘性定位插件positionSticky

下载地址:本站下载 | 百度云 | 官方下载
下载说明:
☉如果您发现本文件已经失效不能下载,请联系站长修正!
☉如果您下载的文件出现解压不了或文件受损等情况,请选择其他下载点重新下载。
☉下载本站资源,如果服务器暂不能下载请过一段时间重试!
☉有小部分资源需要解压密码,请输入:jqcool.net。
☉本站提供的所有资源仅供学习研究与参考,请勿用于商业用途。