软件简介

Sticky是一个简单的页面消息提醒jQuery插件。可以设置让消息在页面的四个角落出现,也可以设置在页面中央出现。可以手动关闭消息,也可以设置成自动关闭。

在线演示

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (2)

加载中
Sticky 用来做页面的消息提醒很棒,可惜不支持 IE 6/7
2012/10/17 21:18
回复
举报
做了一个 Sticky 的演示,这个消息提醒控件真不错。http://runjs.cn/detail/3dsrqbxf
2012/10/31 14:32
回复
举报
更多评论
暂无内容
发表了博客
2019/07/26 17:29

sticky的使用

position: sticky粘性定位:是css新增的一个position属性。说是对于IOS的兼容性好一点,对于安卓的兼容性不太好(我自己感觉安卓的兼容性也不错) 于position:fixed的区别:我们都知道常用的几个定位(static、absolute、relative、fixed),如果没有额外的js处理,只要写上,页面立马就可以看到相对应的效果。而sticky相当于加了一个滚动事件的处理,当页面滚动到相对应的元素上,就会变成固定定位的效果。当滚动到父元素不在可...

0
0
发表了博客
2019/03/12 16:44

sticky -- position定位属性sticky值之粘性定位;

  sticky简述 sticky 是css定为新增的属性;可以说是相对定位relative和固定定位fixed的结合; 它主要用在对scroll事件的监听上,简单说在滑动过程中,某个元素的距离其父元素的距离达到 sticky 粘性定位 要求时; position:sticky 这时的效果就相对于 fixed 定位,固定到适当的位置。 使用条件: 1. 父元素不能设置 overflow:hidden; 或者 overflow:auto; 属性; 2. 必须制定 top、bottom 、left 、 right 4个值之一,否则只...

0
0
发表于大前端专区
2014/03/26 16:32

session replication 和session sticky

是多台J2EE服务器集群时的会话策略问题。 因为session是存在服务器端的,多台服务器集群时, session replication 策略是复制会话,即一个用户访问了一次就把session复制到所有的服务器或这一部分服务器。这样的好处是如果正访问的服务器down了 用户可以自动被转到别的服务器session不丢失。缺点当然是效率低。 session sticky策略则是不复制,一个用户访问了一次后,同一个session周期内,所有的请求都定向到这个服务器,dow...

0
0
发表了博客
2018/12/05 13:08

CSS Sticky Footer实现

上图所显示的效果就是sticky Footer,当页面主题内容不够长时,footer定位在窗口的底部,当页面主题内容超出窗口后,footer显示在页面的最底部 以下给出几种实现方案: 1. FlexBox布局 HTML结构如下: <body>   <div class="header">Sticky Footer</div>   <div class="content">     <p>测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试</p>     <p>...

0
0
发表了博客
2019/07/11 20:12

position粘性定位sticky

这两周在做一个service后台的需求,有一个很有意思的事情,左侧要有各种颜色柱,每一种颜色柱代表一个身份,例如黄色代表本人,蓝色代表配偶,绿色代表女儿等等。。。需求中因为可能一个人的信息太多,浏览器的一屏展示不下,而使得用户不知道自己看的是谁的信息还要滚动页面,交互是不好的,所以要求要在内容区域滚动的时候,代表身份的本人两字一直吸顶。图如下: 发现了css定位的sticky ,对于css重新进行了认识 发现positio...

0
0
发表了博客
2019/09/09 18:56

CSS Sticky 其实很简单

为什么要写这篇文章 Sticky 也不是新知识点了,写这篇文章的原因是由于最近在实现效果的过程中,发现我对 Sticky 的理解有偏差,代码执行结果不如预期。决定写篇文章重新学习一次。 什么是 Sticky Sticky (MDN 翻译成粘性效果)是 CSS 属性 position 中的一个可选值。跟我们用得比较多的 static, fixed,relative,absolute 一样,用来描述元素的定位方式。 从效果上看,Sticky 像是混合体,页面滑动到“临界点”之前表现为 re...

0
0
发表了博客
2019/01/17 13:42

Sticky Fingure安装教程

作者:小离 官方对应Sticky Finger Kali-Pi 的介绍: Sticky Fingers Kali-Pi – The pocket size, finger friendly, lean mean hacking machine. 实验器材: 树莓派3B 5寸触摸屏幕 触屏笔(否则很难按) 网线一根 准备: Sticky Finger pi的镜像:https://whitedome.com.au/re4son/sticky-fingers-kali-pi-pre-installed-image/ Re4son 最新内核:https://re4son-kernel.com/re4son-pi-kernel/ 教程:https://whitedome.com.au/...

0
0
2015/07/23 19:36

nginx使用session_sticky

ip hash 的缺陷如果同一ip请求过多会出现负载不均衡,例如是CDN或者 nginx 的 Session Sticky 模块在upstream 返回响应后,向客户的浏览器写入 Cookie ,默认名为route ,保存的内容是一个 md5 码。 之后,模块接收到客户浏览器的请求时,就根据 route 来决定将请求转发到 upstream中哪台服务器上。每个电脑有自己的cookie,并且都不相同这就可以避免ip hash的缺陷...

0
0
发表了博客
2010/08/22 08:57

suid,sgid AND sticky bits

SUID(set-user-ID)位 SUID位的作用:若文件F设置SUID位为1,文件F的拥有者是用户A,而用户B拥有文件F的执行权限,则当用户B执行文件F时就以文件拥有者(用户A)的权限执行。 SUID位的典型应用:修改Linux用户密码。Linux用户密码加密后存储在/etc/passwd文件中,用户使用passwd命令修改密码。而修改/etc/passwd文件需要root权限, 如下图: heaad@ubuntu:~$ ls -l /etc/passwd -rw-r--r-- 1 root root 1672 2010-04-30 03:22...

0
1
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了问答
2013/08/12 16:11

帮助快速生成页面固定显示元素的jQuery插件 - sticky-kit

来源:GBin1.com 如果需要在用户滚动页面的时候,保持特定元素始终可见的话,今天这里我们介绍的Sticky-Kit是一个不错的选择。 它是一个开源的jQuery插件,可以帮助大家快速针对页面元素来生成固定页面的效果。往往大家在开发导航栏的时候,需要类似这样的功能。 主要的特性 支持多个元素的固定展示 支持元素展示的位置及其viewport 使用非常简单,类库非常小 如何使用 $("#sticky_item").stick_in_parent() 或者 $("#sticky_i...

4
9
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
2 评论
22 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部