大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
JQuery实现将Div浮动到网页最上层。
创新互联主要从事网站建设、成都网站设计、网页设计、企业做网站、公司建网站等业务。立足成都服务桥东,十余年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18982081108
可以通过Css的z-index属性来进行设置
具体代码:
$(".divClass").attr("z-index",999);
原理:
通过JQuery给指定的div增加属性'z-index'为'999',将指定div的层次拉到最高,这个所谓的999并不一定是999这个数字,只需要是你页面z-index的最大值就是可以的。
还好搜到这个,改起来效果会更明显一些。
你的意思是,页面往下滚到一定程度,漂浮框就不见了?
如果是这样,将这行
if (scrolls top) {
改成
if (scrolls top scrolls200) { //这个数,你自己试着调节体验下。
@-webkit-keyframes bounce-down {
25% {
-webkit-transform: translateY(-3px);
}
50%, 100% {
-webkit-transform: translateY(0);
}
75% {
-webkit-transform: translateY(3px);
}
}
@keyframes bounce-down {
25% {
transform: translateY(-3px);
}
50%, 100% {
transform: translateY(0);
}
75% {
transform: translateY(3px);
}
}
.animate-bounce-down{
-webkit-animation: bounce-down 1.3s linear infinite;
animation: bounce-down 1.3s linear infinite;
}
如果不考虑低版本兼容,css3动画可以简单实现,给需要漂浮的元素添加animate-bounce-down这个类就好,浮动效果可以自行调试
在ajax的success中进行操作,先关闭浮窗,然后重定向到首页
关闭浮窗,如果是插件弹出的window,一般都自带close方法,如果是自己写的div可以通过隐藏、删除等方法来实现关闭