从品牌网站建设到网络营销策划,从策略到执行的一站式服务
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可以通过隐藏、删除等方法来实现关闭
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图